fix: saldo caixa via dados JSON + coluna cancelamento + diferenca correta

src/index.html

@@ -1872,12 +1872,9 @@ function buildReciboData() {
   const receberTotal  = estado.receber.reduce((s,r) => s+(parseNum(r.valor||0)||0), 0);
   const cancelTotal  = estado.cancelamentos.reduce((s,r) => s+(parseNum(r.valor||0)||0), 0);
 
-  // Lê do DOM (campos do formulário principal — preenchidos pelo updateTotals após edição)
+  // Lê do DOM — mas se estiver vazio usa estado (registro anterior)
-  // Fallback: se DOM vazio, usa estado (registro anterior carregado mas updateTotals ainda não chamou)
   const trocoDom = parseNum(val('sys-troco'));
   const saldoTroco = trocoDom || estado.saldo_troco || 0;
-  // Os campos readonly sys-credito/sys-debito etc. só têm valor se updateTotals foi chamado
-  // — em edição sem confirmação, ficam vazios e，我们必须 usar cartDeb etc. do estado
   const saldoCred = parseNum(val('sys-credito')) || cartCred;
   const saldoDeb = parseNum(val('sys-debito')) || cartDeb;
   const saldoAli = parseNum(val('sys-alimentacao')) || cartAli;
@@ -1892,7 +1889,7 @@ function buildReciboData() {
   const fechamentoCounted = fechamentoDinheiro + fechamentoCartoes + fechamentoReceber;
   const saldoEsperado = parseNum(val('f-saldo-esperado')) || estado.saldo_esperado || 0;
 
-  // Saldo de Caixa (Sistema) = troco + crédito + débito + alimentação + pix cartão + pixcnpj + vales + receber
+  // Saldo de Caixa (Sistema) = troco + crédito + débito + alimentação + voucher pix + pixcnpj + vales + receber
   const sysTotal = saldoTroco + cartCred + cartDeb + cartAli + cartPix + pixCnpjTotal + valesTotal + receberTotal;
   // Diferença = saldo de caixa (sistema) - saldo_esperado - cancelamentos
   const diferenca = sysTotal - saldoEsperado - cancelTotal;
@@ -2170,11 +2167,6 @@ function buildConsultaModal(recentList) {
     return `${day}/${m}/${y}`;
   };
   const fmtMoney = v => v != null ? `R$ ${parseFloat(v).toFixed(2).replace('.', ',')}` : 'R$ 0,00';
-  const syncBadge = s => {
-    const colors = { synced: '#2e7d32', local: '#e65100', syncing: '#f57f17', error: '#c0272d' };
-    const labels = { synced: '✓ Sync', local: '⚠ Local', syncing: '⏳ Sync', error: '✗ Erro' };
-    return `<span style="background:${colors[s]||'#888'};color:#fff;padding:1px 5px;border-radius:3px;font-size:10px">${labels[s]||s||'?'}</span>`;
-  };
   const statusBadge = s => {
     if (s === 'ok') return '<span style="color:#2e7d32;font-weight:bold">✓ OK</span>';
     if (s === 'sobrando') return '<span style="color:#e65100;font-weight:bold">⚠ SOBRANDO</span>';
@@ -2182,46 +2174,72 @@ function buildConsultaModal(recentList) {
     return s || '?';
   };
 
-  const rows = recentList.map((item, i) => {
+  // Calcula saldo de caixa real (mesma fórmula do relatório)
-    const sysTotal = (parseFloat(item.saldo_troco)||0)
+  // Lê tanto do top-level quanto do JSON dados (old records compatibility)
+  const calcSaldoCaixa = item => {
+    const dados = item.dados || {};
+    return (parseFloat(item.saldo_troco)||0)
       + (parseFloat(item.saldo_credito)||0)
       + (parseFloat(item.saldo_debito)||0)
       + (parseFloat(item.saldo_alimentacao)||0)
       + (parseFloat(item.saldo_vales)||0)
       + (parseFloat(item.saldo_areceber)||0)
       + (parseFloat(item.total_pixcnpj)||0)
-      + (parseFloat(item.total_cartao_pix)||0);
+      + (parseFloat(item.total_cartao_pix)||0)
-    return `<tr>
+      + (parseFloat(dados.total_pixcnpj)||0)
-      <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtDate(item.data)}</td>
+      + (parseFloat(dados.total_cartao_pix)||0);
-      <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${item.operador||'?'}</td>
+  };
-      <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${item.turno||'?'}</td>
+  const calcCancelamentos = item => {
-      <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtMoney(sysTotal)}</td>
+    const dados = item.dados || {};
-      <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${i})">${fmtMoney(item.saldo_esperado)}</td>
+    return (parseFloat(item.total_cancelamentos)||0)
-      <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${statusBadge(item.status_diferenca)}</td>
+      + (parseFloat(dados.total_cancelamentos)||0)
-      <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${i})">${syncBadge(item.sync_status)}</td>
+      + (parseFloat(dados.cancelamentos)||0); // old format: array of cancelamentos
-      <td style="padding:4px 6px;border-bottom:1px solid #eee;text-align:center">
+  };
-        <button onclick="event.stopPropagation();window.abrirEditaFechamentoIndex(${i})" style="background:#e65100;color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:11px;white-space:nowrap">✏️ Editar</button>
+
-      </td>
+  // Ordena por data desc e pega os últimos 5 dias distintos
-    </tr>`;
+  const sortedDesc = [...recentList].sort((a,b) => b.data.localeCompare(a.data));
-  }).join('');
+  const cincoDias = sortedDesc.slice(0, 5);
+
+  // Último dia distinto (para placeholder do input)
+  const ultimoDia = sortedDesc[0]?.data || '';
+
+  function renderRows(list) {
+    if (!list || list.length === 0) {
+      return `<tr><td colspan="8" style="padding:20px;text-align:center;color:#888;font-size:13px">Nenhum registro encontrado.</td></tr>`;
+    }
+    return list.map((item, i) => {
+      const saldoCaixa = calcSaldoCaixa(item);
+      const canc = calcCancelamentos(item);
+      const diff = saldoCaixa - (parseFloat(item.saldo_esperado)||0) - canc;
+      const diffClass = diff === 0 ? '#2e7d32' : diff > 0 ? '#e65100' : '#c0272d';
+      const diffLabel = diff === 0 ? '✓ OK' : diff > 0 ? `+R$ ${diff.toFixed(2).replace('.',',')}` : `-R$ ${Math.abs(diff).toFixed(2).replace('.',',')}`;
+      return `<tr data-idx="${recentList.indexOf(item)}" style="background:${i%2===0?'#fff':'#fafafa'}" onmouseover="this.style.background='#fff3e0'" onmouseout="this.style.background='${i%2===0?'#fff':'#fafafa'}'">
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtDate(item.data)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${item.operador||'?'}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${item.turno||'?'}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtMoney(saldoCaixa)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtMoney(item.saldo_esperado)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${fmtMoney(canc)}</td>
+        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:center;cursor:pointer;color:${diffClass};font-weight:bold" onclick="openConsultaRegistro(${recentList.indexOf(item)})">${diffLabel}</td>
+        <td style="padding:4px 6px;border-bottom:1px solid #eee;text-align:center">
+          <button onclick="event.stopPropagation();window.abrirEditaFechamentoIndex(${recentList.indexOf(item)})" style="background:#e65100;color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:11px;white-space:nowrap">✏️ Editar</button>
+        </td>
+      </tr>`;
+    }).join('');
+  }
 
   overlay.innerHTML = `
-    <div style="background:#fff;border-radius:10px;padding:20px;max-width:900px;width:95%;max-height:85vh;overflow-y:auto">
+    <div style="background:#fff;border-radius:10px;padding:20px;max-width:850px;width:95%;max-height:85vh;overflow-y:auto">
-      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px">
+      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px">
         <h2 style="margin:0;font-size:16px">📅 Consultar Fechamentos</h2>
-        <button onclick="closeConsultaModal()" style="background:none;border:none;font-size:18px;cursor:pointer">✕</button>
+        <div style="display:flex;gap:8px;align-items:center">
+          <input type="date" id="consulta-busca-data" value="" max="${ultimoDia}" style="padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px" />
+          <button onclick="window._filtrarConsulta()" style="background:#1565c0;color:#fff;border:none;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px">🔍 Buscar</button>
+          <button onclick="closeConsultaModal()" style="background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px">✕</button>
+        </div>
       </div>
-      <div style="display:flex;gap:8px;margin-bottom:12px;align-items:center">
+      <div id="consulta-info" style="font-size:11px;color:#888;margin-bottom:8px"></div>
-        <input id="consulta-search" type="text" placeholder="🔍 Buscar por data, operador ou turno..." style="flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px" />
+      <div style="max-height:55vh;overflow-y:auto;border:1px solid #eee;border-radius:6px">
-        <select id="consulta-turno" style="padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;background:#fff">
-          <option value="">Todos turnos</option>
-          <option value="manha">Manhã</option>
-          <option value="tarde">Tarde</option>
-          <option value="integral">Integral</option>
-        </select>
-      </div>
-      <div id="consulta-count" style="font-size:11px;color:#888;margin-bottom:6px"></div>
-      <div style="max-height:60vh;overflow-y:auto;border:1px solid #eee;border-radius:6px">
         <table style="width:100%;border-collapse:collapse">
           <thead style="position:sticky;top:0;background:#f5f5f5;z-index:1">
             <tr>
@@ -2230,106 +2248,45 @@ function buildConsultaModal(recentList) {
               <th style="padding:6px 8px;text-align:left;font-size:11px;color:#888">TURNO</th>
               <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">SALDO CAIXA</th>
               <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">ESPERADO</th>
-              <th style="padding:6px 8px;text-align:center;font-size:11px;color:#888">STATUS</th>
+              <th style="padding:6px 8px;text-align:right;font-size:11px;color:#888">CANCEL.</th>
+              <th style="padding:6px 8px;text-align:center;font-size:11px;color:#888">DIFERENÇA</th>
               <th style="padding:4px 6px;text-align:center;font-size:11px;color:#888">AÇÃO</th>
             </tr>
           </thead>
-          <tbody id="consulta-tbody"></tbody>
+          <tbody id="consulta-tbody">${renderRows(cincoDias)}</tbody>
         </table>
       </div>
-    </div>`;
+      <div style="margin-top:8px;font-size:11px;color:#888;text-align:center">
-
+        Mostrando últimos 5 dias. Use a <strong>busca por data</strong> para encontrar registros mais antigos.
-  // Store original list for filtering
+      </div>
-  window._consultaList = recentList;
+    </div>
-  window._consultaAll = recentList;
+  `;
-  window._recentList = recentList; // keep for legacy openConsultaRegistro(idx)
-
-  const fmtDate = d => {
-    if (!d) return '';
-    const [y,m,day] = d.split('-');
-    return `${day}/${m}/${y}`;
-  };
-  const fmtMoney = v => v != null ? `R$ ${parseFloat(v).toFixed(2).replace('.', ',')}` : 'R$ 0,00';
-  const statusBadge = s => {
-    if (s === 'ok') return '<span style="color:#2e7d32;font-weight:bold">✓ OK</span>';
-    if (s === 'sobrando') return '<span style="color:#e65100;font-weight:bold">⚠ SOBRANDO</span>';
-    if (s === 'faltando') return '<span style="color:#c0272d;font-weight:bold">⚠ FALTANDO</span>';
-    return s || '?';
-  };
-  const syncBadge = s => {
-    const colors = { synced: '#2e7d32', local: '#e65100', syncing: '#f57f17', error: '#c0272d' };
-    const labels = { synced: '✓ Sync', local: '⚠ Local', syncing: '⏳ Sync', error: '✗ Erro' };
-    return `<span style="background:${colors[s]||'#888'};color:#fff;padding:1px 5px;border-radius:3px;font-size:10px">${labels[s]||s||'?'}</span>`;
-  };
-
-  function renderConsultaRows(list) {
-    const tbody = document.getElementById('consulta-tbody');
-    if (!list || list.length === 0) {
-      tbody.innerHTML = `<tr><td colspan="7" style="padding:20px;text-align:center;color:#888;font-size:13px">Nenhum fechamento encontrado.</td></tr>`;
-      document.getElementById('consulta-count').textContent = '0 registros';
-      return;
-    }
-    const count = document.getElementById('consulta-count');
-    if (count) count.textContent = `${list.length} registro${list.length !== 1 ? 's' : ''}`;
-    tbody.innerHTML = list.map((item, i) => {
-      const sysTotal = (parseFloat(item.saldo_troco)||0)
-        + (parseFloat(item.saldo_credito)||0)
-        + (parseFloat(item.saldo_debito)||0)
-        + (parseFloat(item.saldo_alimentacao)||0)
-        + (parseFloat(item.saldo_vales)||0)
-        + (parseFloat(item.saldo_areceber)||0)
-        + (parseFloat(item.total_pixcnpj)||0)
-        + (parseFloat(item.total_cartao_pix)||0);
-      return `<tr data-item='${JSON.stringify(item).replace(/'/g,"&#39;")}' style="background:${i%2===0?'#fff':'#fafafa'}" onmouseover="this.style.background='#fff3e0'" onmouseout="this.style.background='${i%2===0?'#fff':'#fafafa'}'">
-        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${fmtDate(item.data)}</td>
-        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${item.operador||'?'}</td>
-        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${item.turno||'?'}</td>
-        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${fmtMoney(sysTotal)}</td>
-        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:right;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${fmtMoney(item.saldo_esperado)}</td>
-        <td style="padding:6px 8px;border-bottom:1px solid #eee;font-size:12px;text-align:center;cursor:pointer" onclick="window.openConsultaRegistroByItem(this.parentElement)">${statusBadge(item.status_diferenca)}</td>
-        <td style="padding:4px 6px;border-bottom:1px solid #eee;text-align:center">
-          <button onclick="event.stopPropagation();window.abrirEditaFechamentoByItem(this.closest('tr'))" style="background:#e65100;color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:11px;white-space:nowrap">✏️ Editar</button>
-        </td>
-      </tr>`;
-    }).join('');
-  }
-
-  // Initial: filter to last 2 days
-  const today = new Date();
-  const cutoff = new Date(today);
-  cutoff.setDate(today.getDate() - 2);
-  const cutoffStr = cutoff.toISOString().split('T')[0];
-  const twoDays = recentList.filter(item => item.data >= cutoffStr);
-  renderConsultaRows(twoDays);
-  window._consultaFiltered = twoDays;
-
-  // Search handler — filters by data, operador, or turno
-  document.getElementById('consulta-search').addEventListener('input', e => {
-    const q = e.target.value.toLowerCase().trim();
-    const turno = (document.getElementById('consulta-turno')?.value || '').toLowerCase();
-    const filtered = recentList.filter(item => {
-      const matchQ = !q || (item.data||'').includes(q) || (item.operador||'').toLowerCase().includes(q) || (item.turno||'').toLowerCase().includes(q);
-      const matchTurno = !turno || (item.turno||'').toLowerCase() === turno;
-      return matchQ && matchTurno;
-    });
-    renderConsultaRows(filtered);
-    window._consultaFiltered = filtered;
-  });
-
-  document.getElementById('consulta-turno').addEventListener('change', e => {
-    const q = (document.getElementById('consulta-search')?.value || '').toLowerCase().trim();
-    const turno = e.target.value.toLowerCase();
-    const filtered = recentList.filter(item => {
-      const matchQ = !q || (item.data||'').includes(q) || (item.operador||'').toLowerCase().includes(q) || (item.turno||'').toLowerCase().includes(q);
-      const matchTurno = !turno || (item.turno||'').toLowerCase() === turno;
-      return matchQ && matchTurno;
-    });
-    renderConsultaRows(filtered);
-    window._consultaFiltered = filtered;
-  });
 
   document.body.appendChild(overlay);
-  overlay.addEventListener('click', e => { if (e.target === overlay) closeConsultaModal(); });
+
+  // Função de busca por data
+  window._filtrarConsulta = () => {
+    const dataBusca = document.getElementById('consulta-busca-data')?.value;
+    const tbody = document.getElementById('consulta-tbody');
+    const info = document.getElementById('consulta-info');
+    if (!tbody) return;
+    if (!dataBusca) {
+      tbody.innerHTML = renderRows(cincoDias);
+      if (info) info.textContent = 'Mostrando últimos 5 dias';
+      return;
+    }
+    const filtrados = recentList.filter(item => item.data === dataBusca);
+    tbody.innerHTML = renderRows(filtrados);
+    if (info) info.textContent = filtrados.length ? `${filtrados.length} registro${filtrados.length!==1?'s':''} em ${fmtDate(dataBusca)}` : `Nenhum registro em ${fmtDate(dataBusca)}`;
+  };
+
+  // Enter na busca
+  document.getElementById('consulta-busca-data')?.addEventListener('keydown', e => {
+    if (e.key === 'Enter') window._filtrarConsulta();
+  });
+
+  window._recentList = recentList;
+  window._consultaAll = recentList;
 }
 
 // Abre a janela de edição completa de um registro pelo índice na lista
@@ -2373,79 +2330,6 @@ function closeConsultaModal() {
   window._currentConsulta = null;
 }
 
-// Abre o relatório pelo elemento <tr> (evita dependência de índice)
-window.openConsultaRegistroByItem = async function(tr) {
-  const dataAttr = tr ? tr.dataset.item : null;
-  let item = null;
-  if (dataAttr) {
-    try { item = JSON.parse(dataAttr); } catch(e) {}
-  }
-  if (!item) {
-    // Fallback: busca pelo texto da primeira célula (data)
-    const dataText = tr.cells[0]?.textContent?.trim();
-    if (dataText) {
-      const [d,m,y] = dataText.split('/');
-      const dataKey = `${y}-${m}-${d}`;
-      item = window._consultaAll?.find(it => it.data === dataKey);
-    }
-  }
-  if (!item) { alert('Registro não encontrado.'); return; }
-  closeConsultaModal();
-
-  const hasTauri = !!(window.__TAURI__ && window.__TAURI__.core);
-  if (!hasTauri) { alert('Tauri não disponível.'); return; }
-
-  let full = null;
-  try {
-    if (item.id) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id', { id: item.id }); } catch(e) {} }
-    if (!full && item.uuid) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_uuid', { uuid: item.uuid }); } catch(e) {} }
-    if (!full && item.id_fechamento) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id_fechamento', { idFechamento: item.id_fechamento }); } catch(e) {} }
-  } catch(e) { console.warn('Erro buscando registro:', e); }
-
-  if (!full) { alert('Registro não encontrado.'); return; }
-  window._currentConsulta = full;
-  buildRelatorioModal(full);
-};
-
-// Abre a edição pelo elemento <tr> (evita dependência de índice)
-window.abrirEditaFechamentoByItem = async function(tr) {
-  const dataAttr = tr ? tr.dataset.item : null;
-  let item = null;
-  if (dataAttr) {
-    try { item = JSON.parse(dataAttr); } catch(e) {}
-  }
-  if (!item) {
-    const dataText = tr.cells[0]?.textContent?.trim();
-    if (dataText) {
-      const [d,m,y] = dataText.split('/');
-      const dataKey = `${y}-${m}-${d}`;
-      item = window._consultaAll?.find(it => it.data === dataKey);
-    }
-  }
-  if (!item) { alert('Registro não encontrado.'); return; }
-
-  const hasTauri = !!(window.__TAURI__ && window.__TAURI__.core);
-  if (!hasTauri) { alert('Tauri não disponível.'); return; }
-
-  let full = null;
-  try {
-    if (item.id) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id', { id: item.id }); } catch(e) {} }
-    if (!full && item.uuid) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_uuid', { uuid: item.uuid }); } catch(e) {} }
-    if (!full && item.id_fechamento) { try { full = await window.__TAURI__.core.invoke('sb_buscar_por_id_fechamento', { idFechamento: item.id_fechamento }); } catch(e) {} }
-  } catch(e) { console.warn('Erro buscando registro:', e); }
-
-  if (!full) { alert('Registro não encontrado.'); return; }
-  window._currentConsulta = full;
-  closeConsultaModal();
-  closeRelatorioModal();
-
-  const pw = localStorage.getItem('admin_pw') || '1234';
-  const granted = await askPassword(pw);
-  if (!granted) return;
-
-  openEditModal(full);
-};
-
 // Abre o relatório de um registro selecionado
 window.openConsultaRegistro = async function(idx) {
   const item = window._recentList[idx];
@@ -2890,7 +2774,35 @@ window._recalcEditTotals = function() {
   if (el('tot-areceber'))    el('tot-areceber').textContent  = fmtTot(recv_tot);
   if (el('tot-sangrias'))    el('tot-sangrias').textContent  = fmtTot(sang_tot);
   if (el('tot-despesas'))    el('tot-despesas').textContent  = fmtTot(desp_tot);
-  if (el('tot-cancel'))      el('tot-cancel').textContent    = fmtTot(canc_tot);
+  if (el('tot-cancel'))      el('tot-cancel').textContent      = fmtTot(canc_tot);
+
+  // Atualiza campos readonly do saldo de caixa com totais calculados
+  const setReadonly = (id, v) => { if (el(id)) el(id).value = fmtTot(v); };
+  setReadonly('edit-sld-credito',   cartCred_tot);
+  setReadonly('edit-sld-debito',    cartDeb_tot);
+  setReadonly('edit-sld-alimentacao', cartAli_tot);
+  setReadonly('edit-sld-vales',     vales_tot);
+  setReadonly('edit-sld-pixcnpj',   pixcnpj_tot);
+  setReadonly('edit-sld-areceber',  recv_tot);
+  setReadonly('edit-sld-pixcartao', cartPix_tot);
+
+  // Calcula Saldo Caixa e Diferença em tempo real
+  const trocoVal = parseNum(el('edit-troco')?.value || '0');
+  const esperadoVal = parseNum(el('edit-esperado')?.value || '0');
+  const saldoCaixa = trocoVal + cartCred_tot + cartDeb_tot + cartAli_tot + cartPix_tot + pixcnpj_tot + vales_tot + recv_tot;
+  const diferenca = saldoCaixa - esperadoVal - canc_tot;
+
+  if (el('edit-saldo-caixa')) {
+    el('edit-saldo-caixa').textContent = saldoCaixa > 0 ? fmtTot(saldoCaixa) : 'R$ 0,00';
+  }
+  if (el('edit-diferenca')) {
+    const fmtDif = v => v >= 0 ? `R$ ${v.toLocaleString('pt-BR', { minimumFractionDigits: 2 })}` : `-R$ ${Math.abs(v).toLocaleString('pt-BR', { minimumFractionDigits: 2 })}`;
+    el('edit-diferenca').textContent = fmtDif(diferenca);
+    // Alerta visual se diferença != 0
+    if (el('edit-diferenca-box')) {
+      el('edit-diferenca-box').style.background = diferenca === 0 ? '#e8f5e9' : diferenca > 0 ? '#fff3e0' : '#ffebee';
+    }
+  }
 };
 
 // Modal de edição completo com todas as grades
@@ -3109,7 +3021,8 @@ function openEditModal(full) {
       <div style="margin-bottom:12px;background:#f5f5f5;border-radius:6px;padding:8px">
         <strong style="font-size:12px;color:#333;margin-bottom:4px;display:block">💰 Saldo de Caixa <span style="font-size:10px;color:#888">(apenas Troco é editável)</span></strong>
         <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px">
-          <div><label style="font-size:10px;color:#555">Troco:</label><input type="text" id="edit-troco" value="${fmtMR(full.saldo_troco)}" style="width:100%;padding:5px;border:1px solid #2e7d32;border-radius:4px;text-align:right" onblur="this.value=fmtBR(this)" /></div>
+          <div><label style="font-size:10px;color:#555">Troco:</label><input type="text" id="edit-troco" value="${fmtMR(full.saldo_troco)}" style="width:100%;padding:5px;border:1px solid #2e7d32;border-radius:4px;text-align:right" oninput="window._recalcEditTotals()" onblur="this.value=fmtBR(this)" /></div>
+          <div><label style="font-size:10px;color:#555">Saldo Esperado:</label><input type="text" id="edit-esperado" value="${fmtMR(full.saldo_esperado)}" style="width:100%;padding:5px;border:1px solid #e65100;border-radius:4px;text-align:right;font-weight:bold" oninput="window._recalcEditTotals()" onblur="this.value=fmtBR(this)" /></div>
           <div><label style="font-size:10px;color:#888">Crédito:</label><input type="text" id="edit-sld-credito" value="${fmtMR(full.saldo_credito)}" readonly tabindex="-1" style="width:100%;padding:5px;border:1px solid #ddd;border-radius:4px;text-align:right;background:#eee;color:#666" /></div>
           <div><label style="font-size:10px;color:#888">Débito:</label><input type="text" id="edit-sld-debito" value="${fmtMR(full.saldo_debito)}" readonly tabindex="-1" style="width:100%;padding:5px;border:1px solid #ddd;border-radius:4px;text-align:right;background:#eee;color:#666" /></div>
           <div><label style="font-size:10px;color:#888">Alimentação:</label><input type="text" id="edit-sld-alimentacao" value="${fmtMR(full.saldo_alimentacao)}" readonly tabindex="-1" style="width:100%;padding:5px;border:1px solid #ddd;border-radius:4px;text-align:right;background:#eee;color:#666" /></div>
@@ -3118,14 +3031,23 @@ function openEditModal(full) {
           <div><label style="font-size:10px;color:#888">À Receber:</label><input type="text" id="edit-sld-areceber" value="${fmtMR(full.saldo_areceber)}" readonly tabindex="-1" style="width:100%;padding:5px;border:1px solid #ddd;border-radius:4px;text-align:right;background:#eee;color:#666" /></div>
           <div><label style="font-size:10px;color:#888">PIX Cartão:</label><input type="text" id="edit-sld-pixcartao" value="${fmtMR(full.total_cartao_pix)}" readonly tabindex="-1" style="width:100%;padding:5px;border:1px solid #ddd;border-radius:4px;text-align:right;background:#eee;color:#666" /></div>
         </div>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px">
+          <div style="background:#e3f2fd;border-radius:4px;padding:6px 8px;text-align:right">
+            <span style="font-size:11px;color:#1565c0">SALDO CAIXA:</span>
+            <span id="edit-saldo-caixa" style="font-size:16px;font-weight:bold;color:#1565c0;margin-left:8px">R$ 0,00</span>
+          </div>
+          <div id="edit-diferenca-box" style="background:#fff3e0;border-radius:4px;padding:6px 8px;text-align:right">
+            <span style="font-size:11px;color:#e65100">DIFERENÇA:</span>
+            <span id="edit-diferenca" style="font-size:16px;font-weight:bold;color:#e65100;margin-left:8px">R$ 0,00</span>
+          </div>
+        </div>
       </div>
 
       <!-- Contadores -->
-      <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin-bottom:12px">
+      <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:12px">
         <div><label style="font-size:10px;color:#555">Clientes:</label><input type="number" id="edit-clientes" value="${dados.clientes||full.clientes||0}" min="0" style="width:100%;padding:5px;border:1px solid #ccc;border-radius:4px" /></div>
         <div><label style="font-size:10px;color:#555">Frango Assado:</label><input type="number" id="edit-frango" value="${dados.frango||full.frango||0}" min="0" style="width:100%;padding:5px;border:1px solid #ccc;border-radius:4px" /></div>
         <div><label style="font-size:10px;color:#555">Vendas (R$):</label><input type="text" id="edit-vendas" value="${fmtMR(dados.vendas||full.vendas||0)}" style="width:100%;padding:5px;border:1px solid #e65100;border-radius:4px;text-align:right;font-weight:bold" onblur="this.value=fmtBR(this)" /></div>
-        <div><label style="font-size:10px;color:#555">Saldo Esperado:</label><input type="text" id="edit-esperado" value="${fmtMR(full.saldo_esperado)}" style="width:100%;padding:5px;border:1px solid #e65100;border-radius:4px;text-align:right;font-weight:bold" onblur="this.value=fmtBR(this)" /></div>
       </div>
 
       <!-- Observações -->
@@ -3141,6 +3063,8 @@ function openEditModal(full) {
     </div>`;
 
   document.body.appendChild(overlay);
+  // Calcula totais iniciais após renderizar o DOM
+  setTimeout(() => window._recalcEditTotals(), 50);
 }
 
 // Formata campo de dinheiro brasileiro