// ══════════════════════════════════════════════════════════
// REDIL — Sistema de Gestión v5.1
// ══════════════════════════════════════════════════════════
var APP={user:null,mod:'',charts:{},hermanos:[],contactos:[],formUrl:'',formUrlPublic:'',config:{}};
const TIPO_REUNION=['Mixta (Reunión Regular)','Niños','Jóvenes','Mujeres','Profesionales'];
const METODO_REPORTE=['Digital','Físico'];
var SESSION_KEY='ir_sess_v51',SESSION_USER_KEY='ir_user_v51',SESSION_TIME_KEY='ir_time_v51';
var LOGO_KEY='ir_logo_v5',TOTALAPP_LOGO_KEY='ir_totalapp_logo_v5';
// ── DICCIONARIO DE TÍTULOS DE MÓDULOS ──────────────────────
var TITLES = {
  dashboard: 'Dashboard General',
  reportes: 'Reporte de Grupos',
  reporteDigital: 'Reporte Digital',
  formulario: 'Formulario Externo',
  generador: 'Generador de Reportes',
  hermanos: 'Hermanos Líderes',
  cargaMasiva: 'Carga Masiva',
  supervisores: 'Supervisores de Sector',
  pastores: 'Pastores de Zona',
  ayudapastor: 'Ayuda de Pastor',
  seguimientos: 'Seguimientos',
  privilegios: 'Privilegios',
  diezmos: 'Control de Diezmos',
  gastos: 'Control de Gastos',
  inventario: 'Inventario',
  insumos: 'Insumos',
  envio: 'Centro de Envíos',
  contactos: 'Tabla de Contactos',
  usuarios: 'Usuarios',
  bitacora: 'Bitácora de Accesos',
   configuracion: 'Configuración',
   cronograma: 'Cronograma',
   bautizos: 'Bautizos en Agua'
 };

function saveSession(token,user,inactMin){[localStorage,sessionStorage].forEach(function(s){try{s.setItem(SESSION_KEY,token);s.setItem(SESSION_USER_KEY,JSON.stringify(user));s.setItem(SESSION_TIME_KEY,Date.now().toString());s.setItem('ir_inact_min',String(inactMin||60));}catch(e){}});}
function getToken(){return localStorage.getItem(SESSION_KEY)||sessionStorage.getItem(SESSION_KEY);}
function permisoEditar(){return APP.user&&APP.user.PuedeEditar!=='NO';}
function clearSession(){var token=localStorage.getItem(SESSION_KEY)||sessionStorage.getItem(SESSION_KEY);if(token)try{call('destroySession',{token:token},function(){});}catch(e){}[SESSION_KEY,SESSION_USER_KEY,SESSION_TIME_KEY,'ir_inact_min'].forEach(function(k){try{localStorage.removeItem(k);sessionStorage.removeItem(k);}catch(e){}});}
function getInactMin(){return parseInt(localStorage.getItem('ir_inact_min')||'60',10)||60;}

function call(action,payload,cb){
  payload=payload||{};
  var token=localStorage.getItem(SESSION_KEY)||sessionStorage.getItem(SESSION_KEY);
  if(token && !payload.token) payload.token=token;
  try{
    var url=window.location.origin+'/api/dispatch';
    fetch(url,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({action:action,payload:payload,token:token})})
      .then(function(r){return r.json();})
      .then(function(r){if(cb)cb(null,r);})
      .catch(function(e){if(cb)cb(e,null);try{toast('Error: '+(e.message||e),'er');}catch(ex){}});
  }catch(e){if(cb)cb(e,null);}
}

function g(id){var el=document.getElementById(id);return el?(el.value!==undefined?el.value:el.textContent):'';}
function esc(s){return String(s||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}
function num(v){return parseFloat(String(v).replace(/[^0-9.\-]/g,''))||0;}
function fmtQ(v){return 'Q '+Number(v||0).toLocaleString('es-GT',{minimumFractionDigits:2,maximumFractionDigits:2});}
function fmtD(s){if(!s)return'--';try{var d=new Date(s+'T12:00:00');return d.toLocaleDateString('es-GT');}catch(e){return s;}}
function fmtF(s){if(!s)return'';try{var d=new Date(s+'T12:00:00');return d.toLocaleDateString('es-GT');}catch(e){return s;}}
function today(){var d=new Date();return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+String(d.getDate()).padStart(2,'0');}
function todayStr(){return today();}
function fom(){var d=new Date();return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')+'-01';}
function mesNombre(s){if(!s)return'';var m=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];try{return m[new Date(s+'T12:00:00').getMonth()];}catch(e){return s;}}
function exportXLS(data,name,file){loading(true);call('exportExcel',{data:data,nombreHoja:name,nombreArchivo:file},function(_,res){loading(false);if(res&&res.ok){var url=res.xlsxUrl||res.url;window.open(url,'_blank');}else toast((res&&res.msg)||'Error al exportar','er');});}

function toast(msg,type,ms){type=type||'in';ms=ms||3400;var w=document.getElementById('toastWrap');if(!w)return;var t=document.createElement('div');var icons={ok:'fa-check-circle',er:'fa-times-circle',wa:'fa-exclamation-triangle',in:'fa-info-circle'};var colors={ok:'#27ae60',er:'#e74c3c',wa:'#e8a020',in:'#2563a8'};t.style.cssText='display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:12px 16px;margin-bottom:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);border-left:4px solid '+colors[type]+';font-size:13px;max-width:380px';t.innerHTML='<i class="fas '+(icons[type]||'fa-info-circle')+'" style="color:'+colors[type]+'"></i><span>'+esc(msg)+'</span>';w.appendChild(t);setTimeout(function(){if(t.parentNode)t.parentNode.removeChild(t);},ms);}
function loading(s){var el=document.getElementById('gLoad');if(el)el.classList.toggle('show',!!s);}

// ── DIÁLOGO PERSONALIZADO (reemplaza confirm() nativo) ────────
let _confirmCb=null;
function customConfirm(msg,cb,opts){
  opts=opts||{};
  const title=opts.title||(APP&&APP.config&&APP.config.nombre?APP.config.nombre:'REDIL');
  const icon=opts.icon||'fa-question-circle';
  const color=opts.color||'var(--pr,#1a3a5c)';
  let ov=document.getElementById('customConfirmOv');
  if(!ov){
    ov=document.createElement('div');
    ov.id='customConfirmOv';
    ov.style.cssText='display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);align-items:center;justify-content:center;';
    ov.innerHTML=`<div style="background:#fff;border-radius:18px;padding:32px 28px;max-width:400px;width:92%;box-shadow:0 24px 64px rgba(0,0,0,.25);text-align:center">
      <div id="cfd_iconWrap" style="width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:24px"></div>
      <div id="cfd_title" style="font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;opacity:.6"></div>
      <p id="cfd_msg" style="font-size:14px;color:#333;line-height:1.6;margin-bottom:22px"></p>
      <div style="display:flex;gap:10px;justify-content:center">
        <button id="cfd_cancel" onclick="_resolveConfirm(false)" style="padding:10px 26px;border:1.5px solid #ddd;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;background:#f5f5f5;color:#555;transition:background .15s" onmouseenter="this.style.background='#e8e8e8'" onmouseleave="this.style.background='#f5f5f5'">Cancelar</button>
        <button id="cfd_ok" onclick="_resolveConfirm(true)" style="padding:10px 28px;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;background:var(--pr,#1a3a5c);color:#fff;transition:opacity .15s" onmouseenter="this.style.opacity='.85'" onmouseleave="this.style.opacity='1'">Aceptar</button>
      </div>
    </div>`;
    document.body.appendChild(ov);
  }
  _confirmCb=cb;
  document.getElementById('cfd_msg').textContent=msg;
  document.getElementById('cfd_title').textContent=title;
  const iWrap=document.getElementById('cfd_iconWrap');
  if(iWrap){iWrap.style.background=opts.danger?'rgba(231,76,60,.12)':'rgba(26,58,92,.1)';iWrap.innerHTML=`<i class="fas ${icon}" style="color:${opts.danger?'#e74c3c':color}"></i>`;}
  ov.style.display='flex';
}
function _resolveConfirm(val){
  const ov=document.getElementById('customConfirmOv');
  if(ov)ov.style.display='none';
  if(_confirmCb){const cb=_confirmCb;_confirmCb=null;cb(val);}
}

function applyLogoToUI(url){if(!url)return;['loginLogoWrap','sidebarLogoWrap'].forEach(function(id){var el=document.getElementById(id);if(el)el.innerHTML='<img src="'+url+'" alt="Logo" style="width:100%;height:100%;object-fit:cover;border-radius:inherit">';});}
function applyBrandLogoToUI(url){if(!url)return;var el=document.getElementById('sidebarLogoWrap');if(el)el.innerHTML='<img src="'+url+'" alt="Brand" style="width:100%;height:100%;object-fit:cover;border-radius:inherit">';}
function applyTotalAppLogoToUI(url){if(!url)return;var el=document.getElementById('totalAppLogoWrap');if(el)el.innerHTML='<img src="'+url+'" alt="Total App GT" style="max-height:28px;max-width:90px;object-fit:contain">';}
function initLogo(){var s=localStorage.getItem(LOGO_KEY);if(s)applyLogoToUI(s);var b=localStorage.getItem(TOTALAPP_LOGO_KEY);if(b)applyTotalAppLogoToUI(b);}
function uploadLogo(){openModal('Cambiar Logo','<div style="text-align:center">'+(localStorage.getItem(LOGO_KEY)?'<img src="'+localStorage.getItem(LOGO_KEY)+'" style="width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--brd);margin-bottom:12px">':'')+'<div class="drop-zone" onclick="document.getElementById(\'lgInput\').click()"><i class="fas fa-cloud-upload-alt" style="font-size:28px;color:var(--pr2);display:block;margin-bottom:8px"></i><p>Clic para subir logo</p></div><input type="file" id="lgInput" accept="image/*" style="display:none" onchange="previewLg(this)"><div id="lgPrev" style="margin-top:10px"></div></div>','<button class="btn btn-er" onclick="clearLogo()">Quitar</button><button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveLogo()">Guardar</button>');}
function previewLg(input){var file=input.files[0];if(!file)return;var reader=new FileReader();reader.onload=function(e){window._pendLogo=e.target.result;var p=document.getElementById('lgPrev');if(p)p.innerHTML='<img src="'+e.target.result+'" style="width:80px;height:80px;border-radius:50%;object-fit:cover">';};reader.readAsDataURL(file);}
function saveLogo(){if(!window._pendLogo){closeModal();return;}localStorage.setItem(LOGO_KEY,window._pendLogo);applyLogoToUI(window._pendLogo);call('saveConfig',{logo_url:window._pendLogo},function(_,r){if(!r||!r.ok)toast('Logo local, no se pudo guardar en servidor','wa');});window._pendLogo=null;closeModal();toast('Logo actualizado','ok');}
function clearLogo(){localStorage.removeItem(LOGO_KEY);['loginLogoWrap','sidebarLogoWrap'].forEach(function(id){var el=document.getElementById(id);if(el)el.innerHTML='<i class="fas fa-church"></i>';});call('saveConfig',{logo_url:''},function(_,r){});closeModal();toast('Logo removido','wa');}
function uploadBrandLogo(){openModal('Logo Empresa','<div style="text-align:center"><div class="drop-zone" onclick="document.getElementById(\'bLgInput\').click()"><i class="fas fa-building" style="font-size:28px;color:var(--pr2);display:block;margin-bottom:8px"></i><p>Subir logo empresa</p></div><input type="file" id="bLgInput" accept="image/*" style="display:none" onchange="previewBrandLg(this)"><div id="bLgPreview" style="margin-top:10px"></div></div>','<button class="btn btn-er" onclick="clearBrandLogo()">Quitar</button><button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveBrandLogo()">Guardar</button>');}
function previewBrandLg(input){var file=input.files[0];if(!file)return;var reader=new FileReader();reader.onload=function(e){window._pendBrandLogo=e.target.result;var p=document.getElementById('bLgPreview');if(p)p.innerHTML='<img src="'+e.target.result+'" style="max-height:50px;object-fit:contain">';};reader.readAsDataURL(file);}
function saveBrandLogo(){if(!window._pendBrandLogo){closeModal();return;}localStorage.setItem(TOTALAPP_LOGO_KEY,window._pendBrandLogo);applyTotalAppLogoToUI(window._pendBrandLogo);window._pendBrandLogo=null;closeModal();toast('Logo actualizado','ok');}
function clearBrandLogo(){localStorage.removeItem(TOTALAPP_LOGO_KEY);var el=document.getElementById('totalAppLogoWrap');if(el)el.innerHTML='<i class="fas fa-code" style="color:#64b5f6"></i><span style="color:#90caf9;font-weight:800">Total App GT</span>';closeModal();toast('Logo removido','wa');}

function openModal(title,body,foot,size){var ov=document.getElementById('modalOv'),box=document.getElementById('modalBox'),tEl=document.getElementById('modalTitle'),bEl=document.getElementById('modalBody'),fEl=document.getElementById('modalFoot');if(tEl)tEl.textContent=title;if(bEl)bEl.innerHTML=body||'';if(fEl)fEl.innerHTML=foot||'';if(box)box.style.maxWidth=size==='xl'?'920px':'';if(ov)ov.classList.add('open');}
function closeModal(){var ov=document.getElementById('modalOv');if(ov)ov.classList.remove('open');}
function onOvClick(e){if(e.target===document.getElementById('modalOv'))closeModal();}
function openSidebar(){var s=document.getElementById('sidebar'),o=document.getElementById('sbOv');if(s)s.classList.add('open');if(o)o.classList.add('show');}
function closeSidebar(){var s=document.getElementById('sidebar'),o=document.getElementById('sbOv');if(s)s.classList.remove('open');if(o)o.classList.remove('show');}
function togglePw(){var i=document.getElementById('loginPass'),e=document.getElementById('eyeIco');if(!i||!e)return;i.type=(i.type==='password')?'text':'password';e.className=(i.type==='password')?'fas fa-eye':'fas fa-eye-slash';}
function aplicarNombreSistema(nombre){
  if(!nombre)return;
  var lt=document.getElementById('loginTitle');if(lt)lt.textContent=nombre;
  var at=document.getElementById('sbAppTitle'),sub=document.getElementById('sbAppSub');
  if(at){
    var parts=nombre.split(' ');
    if(parts.length>=2){
      at.innerHTML='<span style="display:block;font-size:13px">'+esc(parts[0])+'</span><span style="display:block;font-size:11px;opacity:.8">'+esc(parts.slice(1).join(' '))+'</span>';
    } else {
      at.innerHTML='<span>'+esc(nombre)+'</span>';
    }
  }
  document.title=nombre+' - REDIL';
  if(!APP.config)APP.config={};APP.config.nombre=nombre;
}

var _actTimer=null, _actListenersSet=false;
function resetActivityTimer(){if(_actTimer)clearTimeout(_actTimer);if(!APP.user)return;_actTimer=setTimeout(function(){logout(true);},getInactMin()*60*1000);}
function setupActivityTracking(){if(_actListenersSet)return;_actListenersSet=true;['click','keydown','mousemove','touchstart','scroll'].forEach(function(ev){document.addEventListener(ev,resetActivityTimer,{passive:true});});}
setupActivityTracking();

function handleLogin(e){
  if(e)e.preventDefault();
  var _sh=document.getElementById('appShell');if(_sh)_sh.style.display='none';
  var emailEl=document.getElementById('loginEmail'),passEl=document.getElementById('loginPass');
  var errEl=document.getElementById('loginErr'),txtEl=document.getElementById('loginTxt'),loadEl=document.getElementById('loginLoad');
  var email=emailEl?emailEl.value.trim():'',pass=passEl?passEl.value:'';
  if(!email||!pass){if(errEl)errEl.textContent='Ingresa correo y contrasena';return;}
  if(txtEl)txtEl.style.display='none';
  if(loadEl)loadEl.style.display='inline';
  if(errEl)errEl.textContent='';
  call('login',{email:email,password:pass},function(err,res){
    if(txtEl)txtEl.style.display='inline';
    if(loadEl)loadEl.style.display='none';
    if(err){if(errEl)errEl.textContent='Error: '+(err.message||String(err));return;}
    if(!res||!res.ok){if(errEl)errEl.textContent=(res&&res.msg)||'Credenciales incorrectas';return;}
    APP.user=res.user;
    saveSession(res.token,res.user,(res.user&&res.user.inactMin)||60);
    // Registrar acceso en bitácora
    try{
      call('registrarAcceso',{
        usuario:res.user.nombre||res.user.email,
        email:res.user.email,
        rol:res.user.isPropietario?'Propietario':(res.user.rol||'Usuario'),
        accion:'Login',
        ip:'',
        detalles:navigator.userAgent.substring(0,120)
      },function(){});
    }catch(e){}
    try{localStorage.removeItem('ir_last_mod');}catch(e){}
    mostrarApp(res.user);
  });
}

function mostrarApp(user){
  var loginEl=document.getElementById('loginScreen');
  if(loginEl){loginEl.classList.remove('active');loginEl.style.display='none';}
  var shellEl=document.getElementById('appShell');
  if(shellEl){shellEl.style.display='flex';}
  var sbN=document.getElementById('sbName'),sbR=document.getElementById('sbRol'),tbU=document.getElementById('tbUser');
  if(sbN)sbN.textContent=(user&&user.nombre)||'Usuario';
  if(sbR)sbR.textContent=(user&&user.isPropietario)?'Propietario':((user&&user.rol)||'');
  if(tbU)tbU.textContent=(user&&user.nombre)||'Usuario';
  try{buildSidebarMenu((user&&user.menu)||[],!!(user&&user.isPropietario));}catch(e){console.error('menu:',e);}
  call('getConfig',{},function(_,cfg){if(!cfg||!cfg.ok)return;APP.config=cfg;APP.formUrl=cfg.formUrl||'';APP.formUrlPublic=cfg.formUrlPublic||'';
      if(cfg.nombre){aplicarNombreSistema(cfg.nombre);}
      if(cfg.logo_url||cfg.logoUrl){
        var _lu=cfg.logo_url||cfg.logoUrl;
        var _imgT='<img src="'+_lu+'" style="width:100%;height:100%;border-radius:50%;object-fit:cover">';
        var _lw=document.getElementById('loginLogoWrap');if(_lw)_lw.innerHTML=_imgT;
        var _sw=document.getElementById('sidebarLogoWrap');if(_sw)_sw.innerHTML=_imgT;
      }if(cfg.nombre)try{if(window.aplicarNombreSistema)aplicarNombreSistema(cfg.nombre);}catch(e){}try{if(cfg.menuConfig)initMenuState(cfg.menuConfig);}catch(e){}try{applyGlobalMenuConfig(cfg.menuConfig,user&&user.isPropietario);}catch(e){}aplicarTema(cfg);});
  call('getHermanos',{},function(_,h){APP.hermanos=Array.isArray(h)?h:[];});
  call('getContactos',{},function(_,c){APP.contactos=Array.isArray(c)?c:[];});
  setTimeout(function(){
    try{var hm=(window.location.hash||'').replace('#','').trim();var lm='';try{lm=localStorage.getItem('ir_last_mod')||'';}catch(ex){}
      var tgt=hm||lm||'dashboard';var menu=(user&&user.menu)||[];
      if(RENDERS[tgt]&&(tgt==='dashboard'||menu.indexOf(tgt)>=0))nav(tgt,true);else nav('dashboard',true);
    }catch(ex){nav('dashboard',true);}
  },300);
  if(!window._hlSet){window._hlSet=true;window.addEventListener('hashchange',function(){var h=(window.location.hash||'').replace('#','').trim();if(h&&RENDERS[h]&&APP.mod!==h)nav(h,true);});}
  resetActivityTimer();
  setTimeout(initAIBot, 800);
}
function showApp(user){mostrarApp(user);}
function iniciarApp(user){mostrarApp(user);}

function logout(auto){
  if(!auto){
    customConfirm('¿Desea cerrar la sesión actual?',function(ok){if(ok)_doLogout(false);},{icon:'fa-sign-out-alt'});
    return;
  }
  _doLogout(true);
}
function _doLogout(auto){
  if(_actTimer)clearTimeout(_actTimer);
  clearSession();APP.user=null;
  var shell=document.getElementById('appShell'),login=document.getElementById('loginScreen'),cnt=document.getElementById('content');
  if(shell)shell.style.display='none';
  if(login){login.style.display='flex';login.classList.add('active');}
  try{document.querySelectorAll('.mod').forEach(function(m){m.parentNode.removeChild(m);});}catch(ex){}
  if(cnt)cnt.innerHTML='';
  APP.mod='';APP.charts={};
  try{if(window.history&&window.history.replaceState)window.history.replaceState(null,'',window.location.pathname);}catch(ex){}
  if(auto)toast('Sesion expirada. Vuelve a ingresar.','wa',4000);
}

// A. ELIMINAR PARPADEO: Oculta el login de forma inmediata si hay sesión activa en la caché
function tryRestoreSession(){
  var token=localStorage.getItem(SESSION_KEY)||sessionStorage.getItem(SESSION_KEY);
  var userRaw=localStorage.getItem(SESSION_USER_KEY)||sessionStorage.getItem(SESSION_USER_KEY);
  var lastTime=parseInt(localStorage.getItem(SESSION_TIME_KEY)||'0');
  if(!token||!userRaw)return false;
  if(Date.now()-lastTime>getInactMin()*60*1000){clearSession();return false;}
  
  // Ocultamos la tarjeta de login instantáneamente antes de que parpadee
  var s=document.getElementById('appShell'), l=document.getElementById('loginScreen');
  if(s) s.style.display='flex';
  if(l){ l.style.display='none'; l.classList.remove('active'); }
  
  try{var user=JSON.parse(userRaw);
    call('validateSession',{token:token},function(err,res){
      if(err||!res||!res.ok){
        clearSession();
        if(s) s.style.display='none';
        if(l){ l.style.display='flex'; l.classList.add('active'); }
        return;
      }
      localStorage.setItem(SESSION_TIME_KEY,Date.now().toString());localStorage.setItem(SESSION_USER_KEY,JSON.stringify(res.user));APP.user=res.user;mostrarApp(res.user);
    });return true;
  }catch(ex){clearSession();return false;}
}

function nav(name,forceRefresh){
  if(!name)name='dashboard';
  if(!RENDERS[name]){if(RENDERS['dashboard'])name='dashboard';else return;}
  APP.mod=name;
  try{localStorage.setItem('ir_last_mod',name);if(window.history&&window.history.replaceState)window.history.replaceState(null,'','#'+name);}catch(ex){}
  var tEl=document.getElementById('tbTitle');if(tEl)tEl.textContent=TITLES[name]||name;
  document.querySelectorAll('.ni').forEach(function(el){el.classList.toggle('active',el.dataset.mod===name);});
  if(window.innerWidth<=880)closeSidebar();
  var cnt=document.getElementById('content');if(!cnt)return;
  if(forceRefresh){var od=document.getElementById('mod_'+name);if(od)od.parentNode.removeChild(od);}
  var el=document.getElementById('mod_'+name);var isNew=!el;
  if(isNew){
    el=document.createElement('div');el.id='mod_'+name;el.className='mod';
    el.innerHTML='<div class="sk-wrap"><div class="sk-hdr"></div><div class="sk-row"></div><div class="sk-row sk-short"></div></div>';
    cnt.appendChild(el);
  }
  document.querySelectorAll('.mod').forEach(function(m){m.classList.remove('active');});
  el.classList.add('active');
  if(isNew){requestAnimationFrame(function(){requestAnimationFrame(function(){
    try{RENDERS[name](el);}
    catch(err){el.innerHTML='<div style="padding:24px;background:#fff;border-radius:12px;border:1px solid #fee"><p style="color:#c0392b;font-weight:700">Error: '+err.message+'</p><button class="btn btn-pr" style="margin-top:12px" onclick="nav(\''+name+'\',true)">Reintentar</button></div>';console.error('[nav]',name,err);}
  });});}
}

function reloadMod(name){
  var el=document.getElementById('mod_'+name);
  if(el){el.innerHTML='';if(RENDERS&&RENDERS[name])try{RENDERS[name](el);}catch(e){el.innerHTML='<div style="padding:24px;color:red">Error: '+e.message+'</div>';}}
}


// ── MENÚ ──────────────────────────────────────────────────
var ALL_MENU=[
  {id:'dashboard',label:'Dashboard',icon:'fa-tachometer-alt',section:'PRINCIPAL'},
  {id:'reportes',label:'Reporte de Grupos',icon:'fa-file-alt',section:'REPORTES'},
  {id:'reporteDigital',label:'Reporte Digital',icon:'fa-mobile-alt',section:'REPORTES'},
  {id:'formulario',label:'Formulario Externo',icon:'fa-clipboard-list',section:'REPORTES'},
  {id:'generador',label:'Generador Reportes',icon:'fa-file-invoice',section:'REPORTES'},
  {id:'hermanos',label:'Hermanos Lideres',icon:'fa-user-tie',section:'GESTION'},
  {id:'cargaMasiva',label:'Carga Masiva',icon:'fa-file-upload',section:'GESTION'},
  {id:'supervisores',label:'Supervisores de Sector',icon:'fa-user-shield',section:'GESTION'},
  {id:'pastores',label:'Pastores de Zona',icon:'fa-church',section:'GESTION'},
  {id:'ayudapastor',label:'Ayuda de Pastor',icon:'fa-hands-helping',section:'GESTION'},
  {id:'seguimientos',label:'Seguimientos',icon:'fa-hands-helping',section:'GESTION'},
  {id:'privilegios',label:'Privilegios',icon:'fa-crown',section:'GESTION'},
  {id:'diezmos',label:'Control Diezmos',icon:'fa-coins',section:'FINANZAS'},
  {id:'gastos',label:'Control de Gastos',icon:'fa-receipt',section:'FINANZAS'},
  {id:'inventario',label:'Inventario',icon:'fa-boxes',section:'RECURSOS'},
  {id:'insumos',label:'Insumos',icon:'fa-spray-can',section:'RECURSOS'},
  {id:'envio',label:'Centro de Envios',icon:'fa-paper-plane',section:'COMUNICACIONES'},
  {id:'contactos',label:'Tabla de Contactos',icon:'fa-address-book',section:'COMUNICACIONES'},
  {id:'bautizos',label:'Bautizos en Agua',icon:'fa-water',section:'GESTION'},
  {id:'cuadre',label:'Cuadre Dominical',icon:'fa-calculator',section:'FINANZAS'},
  {id:'usuarios',label:'Usuarios',icon:'fa-user-cog',section:'ADMIN'},
  {id:'bitacora',label:'Bitacora Accesos',icon:'fa-clipboard-list',section:'ADMIN'},
  {id:'configuracion',label:'Configuracion',icon:'fa-cog',section:'ADMIN'},
];


// 2. CORRECCIÓN DEL MENÚ: Evita que los módulos se oculten por arrays vacíos
function buildSidebarMenu(allowedIds,isPropietario){
  const nav=document.getElementById('sbNav');if(!nav)return;
  
  // Corrección lógica de cortocircuito para arreglar el menú oculto
  const allowed=new Set((allowedIds && allowedIds.length > 0) ? allowedIds : ALL_MENU.map(m=>m.id));
  if(!isPropietario){
    allowed.delete('configuracion');
    if(!APP.user||!(APP.user.isPropietario||APP.user.puedeVerBitacora)){
      allowed.delete('bitacora');
    }
  }
  let lastSection='';let html='';
  ALL_MENU.forEach(m=>{
    if(!allowed.has(m.id)) return;
    if(m.section!==lastSection){html+=`<div class="nl">${m.section}</div>`;lastSection=m.section;}
    const extra=m.id==='configuracion'?' style="border-left:3px solid var(--ac)"':(m.id==='bitacora'?' style="border-left:3px solid var(--inf)"':'');
    html+=`<a class="ni" data-mod="${m.id}" onclick="nav('${m.id}',true)"${extra}><i class="fas ${m.icon}"></i><span>${m.label}</span></a>`;
  });
  nav.innerHTML=html;
}

// 3. FUNCIÓN COMPLEMENTARIA: Activa los interruptores de módulos en Configuración
function toggleMenu(id) {
  if(_menuState[id] === undefined) _menuState[id] = true;
  _menuState[id] = !_menuState[id];
  const tog = document.getElementById('mt_' + id);
  const lbl = document.getElementById('mts_' + id);
  if(tog) {
    tog.style.background = _menuState[id] ? 'var(--ok)' : 'var(--err)';
    const kn = tog.querySelector('.tog-knob');
    if(kn) {
      kn.style.right = _menuState[id] ? '3px' : 'auto';
      kn.style.left = _menuState[id] ? 'auto' : '3px';
    }
  }
  if(lbl) {
    lbl.textContent = _menuState[id] ? 'Activo' : 'Inactivo';
    lbl.style.color = _menuState[id] ? 'var(--ok)' : 'var(--err)';
  }
}

// ══════════════════════════════════════════════════════════
// DASHBOARD — v5.2 con 4 gráficas dinámicas
// ══════════════════════════════════════════════════════════
let _dashData=null;
function renderDashboard(el){
  el.innerHTML=`
  <div class="mod-hdr">
    <h2><i class="fas fa-tachometer-alt"></i> Dashboard General</h2>
    <div class="mod-acts">
      <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap">
        <select id="dashRango" class="fsl" style="min-width:120px" onchange="recargarDash()">
          <option value="hoy">Hoy</option>
          <option value="semana">Esta Semana</option>
          <option value="mes" selected>Este Mes</option>
          <option value="trimestre">Trimestre</option>
        </select>
        <button class="btn btn-ol btn-sm" onclick="imprimirDash()"><i class="fas fa-print"></i> Imprimir</button>
        <button class="btn btn-ol btn-sm" onclick="recargarDash()"><i class="fas fa-sync"></i></button>
      </div>
    </div>
  </div>
  <!-- KPIs -->
  <div class="sg" id="dashStats">${Array(9).fill('<div class="sc"><div class="g-spinner" style="width:18px;height:18px;border-width:3px"></div></div>').join('')}</div>
  <!-- GRÁFICAS -->
  <div class="dg" style="grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px" id="dashRow1">
    <div class="dc" id="dc_asist"><div class="dct dct-o"><i class="fas fa-chart-bar"></i> Asistencia &amp; Ofrendas <span id="dashRangoLbl" style="font-size:10px;color:var(--tx3);margin-left:6px"></span></div><div class="chart-area"><canvas id="chAsist"></canvas></div></div>
    <div class="dc" id="dc_grupos"><div class="dct dct-g"><i class="fas fa-layer-group"></i> Grupos vs Meta <button class="btn btn-ol btn-sm" style="margin-left:auto;font-size:10px;padding:3px 8px" onclick="imprimirGrafica('chGrupos','Grupos vs Meta')"><i class="fas fa-print"></i></button></div><div class="chart-area"><canvas id="chGrupos"></canvas></div></div>
  </div>
  <div class="dg" style="grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px" id="dashRow2">
    <div class="dc" id="dc_conv"><div class="dct dct-p"><i class="fas fa-heart"></i> Convertidos &amp; Reconciliados</div><div class="chart-area"><canvas id="chConv"></canvas></div></div>
    <div class="dc" id="dc_tipo"><div class="dct dct-i"><i class="fas fa-mobile-alt"></i> Manuales vs Digitales</div><div class="chart-area"><canvas id="chTipo"></canvas></div></div>
    <div class="dc" id="dc_seg"><div class="dct dct-t"><i class="fas fa-tasks"></i> Seguimientos</div><div class="chart-area" style="min-height:180px"><canvas id="chSeg"></canvas></div></div>
  </div>
  <div class="dg" style="grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px" id="dashRow3">
    <div class="dc" id="dc_distAsist"><div class="dct dct-o"><i class="fas fa-map-marker-alt"></i> Asistencia por Distrito</div><div class="chart-area"><canvas id="chDistAsist"></canvas></div></div>
    <div class="dc" id="dc_distHnos"><div class="dct dct-g"><i class="fas fa-users"></i> Hermanos por Distrito</div><div class="chart-area"><canvas id="chDistHnos"></canvas></div></div>
    <div class="dc" id="dc_reuniones"><div class="dct dct-p"><i class="fas fa-church"></i> Tipo de Reunión</div><div class="chart-area"><canvas id="chReuniones"></canvas></div></div>
  </div>
  <div class="dg" style="grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px" id="dashRow4">
    <div class="dc" id="dc_stock"><div class="dct dct-r"><i class="fas fa-exclamation-triangle"></i> Stock Bajo</div><div id="dashStock"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i></div></div></div>
  </div>
  <div class="dg" style="grid-template-columns:1fr 1fr 1fr;gap:14px">
    <div class="dc"><div class="dct dct-p"><i class="fas fa-clock"></i> Últimos Reportes</div><div id="dashRec"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i></div></div></div>
    <div class="dc"><div class="dct dct-i"><i class="fas fa-hands-helping"></i> Últimos Seguimientos</div><div id="dashSeg"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i></div></div></div>
    <div class="dc"><div class="dct dct-t"><i class="fas fa-calendar-alt"></i> Cronogramas <button class="btn btn-ol btn-sm" style="margin-left:auto;font-size:10px;padding:3px 8px" onclick="nav('privilegios');setTimeout(function(){switchPrvTab('cron');},400)"><i class="fas fa-external-link-alt"></i></button></div><div id="dashCron"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i></div></div></div>
  </div>`;
  recargarDash();
}
function recargarDash(){
  var rangoEl=document.getElementById('dashRango');
  var rango=(rangoEl?rangoEl.value:'')||'mes';
  const lbl=document.getElementById('dashRangoLbl');
  if(lbl)lbl.textContent='('+{hoy:'Hoy',semana:'Esta semana',mes:'Este mes',trimestre:'Trimestre'}[rango]+')';
  call('getDashboard',{rango},(err,d)=>{
    if(!d||!d.ok)return;
    _dashData=d;
    buildDashKPIs(d);
    buildDashCharts(d);
    buildDashRecientes(d);
    // Stock bajo
    const stEl=document.getElementById('dashStock');
    if(stEl){
      var sb=d.stockBajo||[];
      stEl.innerHTML=sb.length?sb.map(function(x){return '<div class="ri"><div class="rdot" style="background:var(--err)"></div><div class="rinfo"><div class="rn"><b>'+esc(x.articulo)+'</b> <span style="color:var(--err);font-size:11px">🔴 '+x.cantidad+'/'+x.minimo+'</span></div><div class="rm">'+esc(x.categoria||'')+' · '+esc(x.unidad)+'</div></div></div>';}).join(''):'<div class="empty-r" style="padding:12px"><i class="fas fa-check-circle" style="color:var(--ok)"></i><p>Stock normal</p></div>';
    }
    // Cronogramas
    const crEl=document.getElementById('dashCron');
    if(crEl){
      var cron=d.proxCron||[];
      var dias=['Lunes','Jueves','Domingo_Mañana','Domingo_Tarde'];
      var diasLbl={Lunes:'Lun','Jueves':'Jue','Domingo_Mañana':'Dom 🕐','Domingo_Tarde':'Dom 🕥'};
      crEl.innerHTML=cron.length?cron.map(function(c){
        var parts=dias.filter(function(d){return c[d]==='SI'||c[d]==='1';});
        var prv=c['Privilegio']||c['Servicio']||'';
        return '<div class="ri" style="cursor:pointer" onclick="nav(\'privilegios\',true);setTimeout(function(){switchPrvTab(\'cron\');},400)"><div class="rdot" style="background:var(--ac)"></div><div class="rinfo"><div class="rn"><b>'+esc(c['Hermano']||c['Area']||'')+'</b></div><div class="rm">'+(prv?'🔹 '+esc(prv)+' · ':'')+parts.map(function(d){return diasLbl[d]||d;}).join(', ')+'</div></div><div class="rv" style="font-size:10px;color:var(--tx3)">'+esc(c['Codigo']||'')+'</div></div>';
      }).join(''):'<div class="empty-r" style="padding:12px"><i class="fas fa-calendar"></i><p>Sin asignaciones</p></div>';
    }
  });
  // Seguimientos recientes en paralelo
  call('getSeguimientos',{},(_, segs)=>{
    const el=document.getElementById('dashSeg');if(!el)return;
    const data=Array.isArray(segs)?segs.slice(-6).reverse():[];
    const cls={Completado:'bg',Pendiente:'bo','En Proceso':'bi',Cancelado:'bgr'};
    el.innerHTML=data.length?data.map(s=>`<div class="ri"><div class="rdot" style="background:var(--inf)"></div><div class="rinfo"><div class="rn"><b>${esc(s['Persona'])}</b> <span class="bdg ${cls[s['Estado']]||'bo'}" style="font-size:10px">${esc(s['Estado'])}</span></div><div class="rm">${esc(s['Tipo'])} · ${esc(s['Responsable'])} · ${fmtD(s['Fecha'])}</div></div></div>`).join(''):`<div class="empty-r" style="padding:16px"><i class="fas fa-hands-helping"></i><p>Sin seguimientos</p></div>`;
  });
}
function buildDashKPIs(d){
  const sg=document.getElementById('dashStats');if(!sg)return;
  var metaG=parseInt((APP.config&&APP.config.metaGrupos)||d.metaGrupos||407);
  var pct=metaG>0?Math.round(d.gruposRealizados/metaG*100):0;
  // Actualizar título gráfica con meta real
  const titleMeta=document.getElementById('titleGruposMeta');
  if(titleMeta)titleMeta.innerHTML='<i class="fas fa-home"></i> Grupos Realizados vs Meta ('+metaG+') <button class="btn btn-ol btn-sm" style="margin-left:auto;font-size:10px;padding:3px 8px" onclick="imprimirGrafica(\'chGrupos\',\'Grupos vs Meta\')"><i class="fas fa-print"></i></button>';
  sg.innerHTML=[
    {l:'Líderes',v:d.lideres,i:'fa-user-tie',c:''},
    {l:'Grupos '+({hoy:'Hoy',semana:'Semana',mes:'Mes',trimestre:'Trim.'}[document.getElementById('dashRango')?.value||'mes']),v:d.reportesMes,i:'fa-home',c:'o'},
    {l:'Meta: '+metaG,v:pct+'%',i:'fa-bullseye',c:pct>=100?'g':'t'},
    {l:'Asistencia',v:d.asistencia,i:'fa-users',c:'g'},
    {l:'Ofrenda',v:fmtQ(d.ofTotal),i:'fa-hand-holding-usd',c:'p'},
    {l:'Convertidos',v:d.convertidos||0,i:'fa-heart',c:'i'},
    {l:'Reconciliados',v:d.reconciliados||0,i:'fa-handshake',c:'t'},
    {l:'Seguimientos',v:d.segTotal||0,i:'fa-tasks',c:'p'},
    {l:'Pendientes',v:d.pendientes||0,i:'fa-exclamation-triangle',c:'r'},
    {l:'Cronogramas',v:(d.proxCron||[]).length,i:'fa-calendar-alt',c:'t'},
  ].map(s=>`<div class="sc ${s.c}"><div class="sc-ico"><i class="fas ${s.i}"></i></div><div class="sc-v">${s.v}</div><div class="sc-l">${s.l}</div></div>`).join('');
}
function buildDashCharts(d){
  const g=d.grafica||[];
  const labels=g.map(x=>x.mes);
  const col1='#6366f1',col2='#f59e0b',col3='#10b981',col4='#8b5cf6',col5='#ef4444',col6='#06b6d4',col7='#ec4899',col8='#84cc16';
  const colsReu=['#6366f1','#f59e0b','#10b981','#ec4899','#06b6d4'];
  ['chAsist','chGrupos','chConv','chTipo','chSeg','chDistAsist','chDistHnos','chReuniones'].forEach(id=>{
    if(APP.charts[id]){APP.charts[id].destroy();delete APP.charts[id];}
  });
  // Helper: datalabels plugin config
  var dlBar={id:'datalabels',afterDraw:function(chart){var ctx=chart.ctx;chart.data.datasets.forEach(function(ds,i){var meta=chart.getDatasetMeta(i);meta.data.forEach(function(bar,idx){var val=ds.data[idx];if(val>0){ctx.fillStyle='#1a3a5c';ctx.font='10px Arial';ctx.textAlign='center';ctx.textBaseline='bottom';ctx.fillText(val,bar.x,bar.y-4);}});});}};
  var dlPie={id:'datalabels',afterDraw:function(chart){var ctx=chart.ctx;chart.data.datasets.forEach(function(ds){var total=ds.data.reduce(function(a,b){return a+b;},0);var meta=chart.getDatasetMeta(0);meta.data.forEach(function(arc,i){var val=ds.data[i];if(val>0){var angle=(arc.startAngle+arc.endAngle)/2;var x=arc.x+Math.cos(angle)*arc.outerRadius*0.65;var y=arc.y+Math.sin(angle)*arc.outerRadius*0.65;ctx.fillStyle='#fff';ctx.font='bold 12px Arial';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(val,x,y);}});});}};
  // 1. Asistencia & Ofrendas
  const c1=document.getElementById('chAsist');
  if(c1)APP.charts.chAsist=new Chart(c1,{type:'bar',data:{labels,datasets:[
    {label:'Asistencia',data:g.map(x=>x.asistencia),backgroundColor:col1,borderRadius:5,yAxisID:'y'},
    {label:'Ofrendas Q',data:g.map(x=>x.ofrendas),type:'line',borderColor:col2,backgroundColor:'rgba(232,160,32,.08)',tension:.4,fill:true,pointRadius:4,pointBackgroundColor:col2,yAxisID:'y1'},
  ]},options:dashOpts('y','y1'),plugins:[dlBar]});
  // 2. Grupos realizados vs meta
  const c2=document.getElementById('chGrupos');
  if(c2)APP.charts.chGrupos=new Chart(c2,{type:'bar',data:{labels,datasets:[
    {label:'Grupos Realizados',data:g.map(x=>x.grupos),backgroundColor:col1,borderRadius:5},
    {label:'Meta ('+parseInt((APP.config&&APP.config.metaGrupos)||d.metaGrupos||407)+')',data:g.map(function(){return parseInt((APP.config&&APP.config.metaGrupos)||d.metaGrupos||407);}),type:'line',borderColor:col5,borderDash:[6,3],borderWidth:2,pointRadius:0,fill:false},
  ]},options:dashOpts(),plugins:[dlBar]});
  // 3. Convertidos & Reconciliados (desde Seguimientos)
  const c3=document.getElementById('chConv');
  if(c3)APP.charts.chConv=new Chart(c3,{type:'bar',data:{labels,datasets:[
    {label:'Convertidos',data:g.map(x=>x.convertidos||0),backgroundColor:col3,borderRadius:5},
    {label:'Reconciliados',data:g.map(x=>x.reconciliados||0),backgroundColor:col4,borderRadius:5},
  ]},options:dashOpts(),plugins:[dlBar]});
  // 4. Manuales vs Digitales
  const c4=document.getElementById('chTipo');
  if(c4)APP.charts.chTipo=new Chart(c4,{type:'bar',data:{labels,datasets:[
    {label:'Manuales',data:g.map(x=>x.manuales||0),backgroundColor:col1,borderRadius:5},
    {label:'Digitales',data:g.map(x=>x.digitales||0),backgroundColor:col6,borderRadius:5},
  ]},options:dashOpts(),plugins:[dlBar]});
  // 5. Seguimientos por estado (dona) — TODOS los estados
  const c5=document.getElementById('chSeg');
  if(c5){
    var segData=[d.segPendientes||0,d.segEnProceso||0,d.segCompletados||0,d.segCancelados||0];
    var segTotal=segData.reduce(function(a,b){return a+b;},0);
    if(segTotal>0){
      c5.style.display='block';
      APP.charts.chSeg=new Chart(c5,{type:'doughnut',data:{labels:['⚠ Pendientes','🔄 En Proceso','✓ Completados','✕ Cancelados'],datasets:[{data:segData,backgroundColor:['#f59e0b','#3b82f6','#10b981','#ef4444'],borderWidth:0}]},
      options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom',labels:{font:{size:10},boxWidth:12}}}},plugins:[dlPie]});
    } else {
      c5.style.display='none';
      var p=c5.parentElement;if(p){var m=p.querySelector('.empty-r');if(!m){m=document.createElement('div');m.style.cssText='text-align:center;padding:20px;color:var(--tx3);font-size:13px';p.style.position='relative';p.appendChild(m);}m.innerHTML='<i class="fas fa-chart-pie" style="font-size:24px;margin-bottom:8px;display:block"></i>Sin seguimientos';m.className='empty-r';}
    }
  }
  // 6. Asistencia por Distrito
  const c6=document.getElementById('chDistAsist');
  var da=(d.asistenciaDistrito||[]);
  if(c6&&da.length){
    APP.charts.chDistAsist=new Chart(c6,{type:'bar',data:{labels:da.map(function(x){return 'D'+x.distrito;}),datasets:[{label:'Asistencia',data:da.map(function(x){return x.asistencia;}),backgroundColor:['#6366f1','#f59e0b','#10b981','#8b5cf6','#06b6d4','#ef4444','#ec4899','#84cc16'],borderRadius:5}]},options:dashOpts(),plugins:[dlBar]});
  }
  // 7. Hermanos por Distrito (dona)
  const c7=document.getElementById('chDistHnos');
  var hd=(d.hermanosDistrito||[]);
  if(c7&&hd.length){
    var colores=['#6366f1','#f59e0b','#10b981','#8b5cf6','#06b6d4','#ef4444','#ec4899','#84cc16'];
    APP.charts.chDistHnos=new Chart(c7,{type:'doughnut',data:{labels:hd.map(function(x){return 'Distrito '+x.distrito;}),datasets:[{data:hd.map(function(x){return x.count;}),backgroundColor:hd.map(function(_,i){return colores[i%colores.length];}),borderWidth:0}]},
    options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom',labels:{font:{size:9},boxWidth:10}}}},plugins:[dlPie]});
  } else if(c7){
    c7.parentElement.innerHTML='<div style="text-align:center;padding:16px;color:var(--tx3);font-size:13px"><i class="fas fa-chart-pie" style="font-size:24px;margin-bottom:8px;display:block"></i>Sin datos</div>';
  }
  // 8. Tipo de Reunion por Mes (barras agrupadas)
  const c8=document.getElementById('chReuniones');
  var gr=(d.graficaReuniones||[]);
  if(c8&&gr.length){
    var reuLabels=gr.map(function(x){return x.mes;});
    var reuTipos=['Mixta (Reunión Regular)','Niños','Jóvenes','Mujeres','Profesionales'];
    APP.charts.chReuniones=new Chart(c8,{type:'bar',data:{labels:reuLabels,datasets:reuTipos.map(function(t,i){return{label:t,data:gr.map(function(x){return x[t]||0;}),backgroundColor:colsReu[i],borderRadius:3,barPercentage:0.85};})},
    options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom',labels:{font:{size:9},boxWidth:10}}},scales:{x:{stacked:false,grid:{display:false}},y:{stacked:false,beginAtZero:true,grid:{color:'rgba(0,0,0,.04)'}},}},plugins:[dlBar]});
  } else if(c8){
    c8.parentElement.innerHTML='<div style="text-align:center;padding:16px;color:var(--tx3);font-size:13px"><i class="fas fa-church" style="font-size:24px;margin-bottom:8px;display:block"></i>Sin datos de reuniones</div>';
  }
}
function dashOpts(y1id,y2id){
  const scales={x:{grid:{display:false}}};
  if(y1id)scales[y1id]={beginAtZero:true,grid:{color:'rgba(0,0,0,.04)'}};
  else scales.y={beginAtZero:true,grid:{color:'rgba(0,0,0,.04)'}};
  if(y2id)scales[y2id]={beginAtZero:true,position:'right',grid:{display:false}};
  return{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom',labels:{font:{size:10},boxWidth:12}}},scales};
}
function buildDashRecientes(d){
  const re=document.getElementById('dashRec');if(!re)return;
  const recs=d.recientes||[];
  re.innerHTML=recs.length?recs.map(r=>{
    var met=r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':r['Tipo de Reporte']==='Reporte Físico'?'Físico':'');
    var tr=r['Tipo de Reporte']||'';
    if(tr==='Reporte Digital'||tr==='Reporte Físico')tr='—';
    return `<div class="ri"><div class="rdot" style="background:${r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']===''?'var(--err)':'var(--ok)'}"></div><div class="rinfo"><div class="rn">${esc(r['Lider'])}</div><div class="rm">${fmtD(r['Fecha'])} · ${met||'—'} · ${esc(tr)}</div></div><div class="rv" style="color:${r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']===''?'var(--err)':'var(--ok)'};font-size:11px">${r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']===''?'⚠':'✓'}</div></div>`;
  }).join(''):`<div class="empty-r" style="padding:20px"><i class="fas fa-inbox"></i><p>Sin reportes</p></div>`;
}

// Imprimir gráfica individual
function imprimirGrafica(canvasId,titulo){
  const c=document.getElementById(canvasId);if(!c){toast('Gráfica no encontrada','wa');return;}
  const img=c.toDataURL('image/png');
  const rango=document.getElementById('dashRango')?.value||'mes';
  const w=window.open('','_blank','width=900,height=600');
  if(!w){toast('Activa ventanas emergentes para imprimir','wa',5000);return;}
  w.document.write(`<!DOCTYPE html><html><head><meta charset="UTF-8"><title>${titulo}</title>
  <style>body{margin:0;padding:20px;font-family:Arial;background:#fff}h2{color:#1a3a5c;margin-bottom:8px;font-size:16px}.sub{font-size:11px;color:#888;margin-bottom:16px}img{max-width:100%;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}@page{margin:10mm}@media print{body{padding:5px}}</style>
  </head><body onload="setTimeout(function(){window.print();window.onafterprint=function(){window.close();}},300)"><h2>📊 ${titulo}</h2><div class="sub">Iglesia Restauración · Período: ${rango} · ${new Date().toLocaleDateString('es-GT')}</div><img src="${img}"></body></html>`);
  w.document.close();
}

// Imprimir todas las gráficas juntas
function imprimirDash(){
  if(!_dashData){toast('Carga el dashboard primero','wa');return;}
  const ids=[['chAsist','Asistencia & Ofrendas'],['chGrupos','Grupos vs Meta'],['chConv','Convertidos & Reconciliados'],['chTipo','Manuales vs Digitales'],['chSeg','Seguimientos'],['chDistAsist','Asistencia x Distrito'],['chDistHnos','Hermanos x Distrito'],['chReuniones','Tipo de Reunión por Mes']];
  const imgs=ids.map(([id,t])=>{const c=document.getElementById(id);return c?{img:c.toDataURL('image/png'),t}:null;}).filter(Boolean);
  const d=_dashData;const rango=document.getElementById('dashRango')?.value||'mes';
  const w=window.open('','_blank','width=1100,height=800');
  if(!w){toast('Activa ventanas emergentes para imprimir','wa',5000);return;}
  w.document.write(`<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Dashboard — Iglesia Restauración</title>
  <style>*{box-sizing:border-box}body{margin:0;padding:16px;font-family:Arial;font-size:12px;background:#fff}
  .hdr{background:linear-gradient(135deg,#1a3a5c,#2563a8);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
  .hdr h1{margin:0;font-size:16px}.hdr .sub{font-size:10px;opacity:.8}
  .kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:14px}
  .kpi{background:#f0f4ff;border-radius:6px;padding:8px;text-align:center}.kpi .v{font-size:16px;font-weight:900;color:#1a3a5c}.kpi .l{font-size:9px;color:#888;margin-top:2px}
   .charts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
  .chart-box{border:1px solid #e0e8f0;border-radius:8px;padding:10px}.chart-box h3{margin:0 0 8px;font-size:12px;color:#1a3a5c}
  .chart-box img{width:100%;border-radius:4px}
  @page{size:landscape;margin:8mm}@media print{body{padding:4px}}</style>
  </head><body>
  <div class="hdr"><div><h1>📊 Dashboard — Iglesia Restauración</h1><div class="sub">Período: ${rango} · Generado: ${new Date().toLocaleDateString('es-GT')} ${new Date().toLocaleTimeString('es-GT')}</div></div><div style="text-align:right;font-size:11px">${d.reportesMes} grupos · ${d.asistencia} asistencia · Q${Number(d.ofTotal).toFixed(2)}</div></div>
  <div class="kpis">
    <div class="kpi"><div class="v">${d.lideres}</div><div class="l">Líderes</div></div>
    <div class="kpi"><div class="v">${d.reportesMes}</div><div class="l">Grupos</div></div>
    <div class="kpi"><div class="v">${d.metaGrupos>0?Math.round(d.gruposRealizados/d.metaGrupos*100):0}%</div><div class="l">Meta</div></div>
    <div class="kpi"><div class="v">${d.asistencia}</div><div class="l">Asistencia</div></div>
    <div class="kpi"><div class="v">Q${Number(d.ofTotal).toFixed(2)}</div><div class="l">Ofrenda</div></div>
    <div class="kpi"><div class="v">${d.convertidos||0}</div><div class="l">Convertidos</div></div>
    <div class="kpi"><div class="v">${d.reconciliados||0}</div><div class="l">Reconciliados</div></div>
    <div class="kpi"><div class="v">${d.pendientes||0}</div><div class="l">Ofrenda Pend.</div></div>
    <div class="kpi"><div class="v">${(d.proxCron||[]).length}</div><div class="l">Cronogramas</div></div>
  </div>
  <div class="charts">${imgs.map(x=>`<div class="chart-box"><h3>${x.t}</h3><img src="${x.img}"></div>`).join('')}</div>
  </body></html>`);
  w.document.close();
  setTimeout(function(){w.print();w.onafterprint=function(){w.close();};},500);
}

// ══════════════════════════════════════════════════════════
// REPORTE DE GRUPOS
// ══════════════════════════════════════════════════════════
// REPORTE DE GRUPOS (con tabs Todos / Pendientes)
// ══════════════════════════════════════════════════════════
let _rep=[];let _repTab='todos';let _qRep='';
function renderReportes(el){
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-file-alt"></i> Reporte de Grupos</h2>
  <div class="mod-acts">
      ${permisoEditar()?`<button class="btn btn-ok btn-sm" onclick="newReporte()"><i class="fas fa-plus"></i> Nuevo</button>`:''}
    <button class="btn btn-in btn-sm" onclick="exportXLS(_rep,'Reportes','reportes')"><i class="fas fa-file-excel"></i> Excel</button>
    <button class="btn btn-er btn-sm" onclick="imprimirReportes()"><i class="fas fa-file-pdf"></i> PDF</button>
    <button class="btn btn-ac btn-sm" onclick="abrirFiltroAsistencia()" style="background:linear-gradient(135deg,#7d3c98,#5b2c6f);border:none"><i class="fas fa-search-plus"></i> Asistencia Hoy</button>
    <button class="btn btn-pr btn-sm" onclick="reporteModPrevio='reportes';nav('cuadre',true)" style="background:linear-gradient(135deg,#1a3a5c,#2563a8);border:none"><i class="fas fa-calculator"></i> Cuadre Domingo</button>
  </div></div>
  <!-- PANEL FILTRO DINÁMICO -->
<div id="panelAsistencia" style="display:none;margin-bottom:14px">
    <div class="card" style="border-left:4px solid #7d3c98;padding:0;overflow:hidden">
      <div style="background:linear-gradient(135deg,#7d3c98,#5b2c6f);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between">
        <div><i class="fas fa-search-plus"></i> <b>Filtro Rápido — ¿Quién ya entregó su reporte?</b></div>
        <button onclick="abrirFiltroAsistencia()" style="background:rgba(255,255,255,.2);border:none;color:#fff;border-radius:6px;padding:4px 10px;cursor:pointer"><i class="fas fa-times"></i></button>
      </div>
      <div style="padding:12px 16px;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;background:#faf5ff;border-bottom:1px solid #e8d5f5">
        <div class="fgg" style="margin:0;flex:0 0 auto">
          <label style="font-size:11px;font-weight:700;color:var(--tx2)">📅 Fecha</label>
          <input type="date" id="faFecha" class="fc" style="width:140px" value="${today()}">
        </div>
        <div class="fgg" style="margin:0;flex:1;min-width:160px">
          <label style="font-size:11px;font-weight:700;color:#7d3c98">🔍 Buscar</label>
          <div style="position:relative">
            <input type="text" id="faSearch" class="fc" placeholder="Nombre o código PZ, Sup. Area, Líder..." oninput="buscarAsistencia(this.value)" style="padding-right:30px" autocomplete="off">
            <span style="position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#999;font-size:12px"><i class="fas fa-search"></i></span>
            <div id="faSearchRes" style="position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d8e8;border-radius:0 0 8px 8px;max-height:220px;overflow-y:auto;z-index:999;display:none;box-shadow:0 8px 24px rgba(0,0,0,.12)"></div>
          </div>
        </div>
        <div class="fgg" style="margin:0;flex:1;min-width:140px">
          <label style="font-size:11px;font-weight:700;color:#7d3c98">🏛 Pastor de Zona</label>
          <select class="fc" id="faPastorZona" onchange="cascadeFiltros()">
            <option value="">Todos</option>
          </select>
        </div>
        <div class="fgg" style="margin:0;flex:1;min-width:140px">
          <label style="font-size:11px;font-weight:700;color:var(--tx2)">👤 Ayuda de Pastor</label>
          <select class="fc" id="faArea" onchange="cascadeFiltros()">
            <option value="">Todos</option>
          </select>
        </div>
        <div class="fgg" style="margin:0;flex:1;min-width:130px">
          <label style="font-size:11px;font-weight:700;color:var(--tx2)">📋 Sup. Sector</label>
          <select class="fc" id="faSector" onchange="cascadeFiltros()">
            <option value="">Todos</option>
          </select>
        </div>
        <div class="fgg" style="margin:0;flex:1;min-width:130px">
          <label style="font-size:11px;font-weight:700;color:var(--tx2)">🙋 Líder</label>
          <select class="fc" id="faLider">
            <option value="">Todos los líderes</option>
          </select>
        </div>
        <button class="btn btn-pr btn-sm" onclick="aplicarFiltroAsistencia()" style="white-space:nowrap"><i class="fas fa-search"></i> Consultar</button>
      </div>
      <div id="faResultado" style="min-height:80px">
        <div style="padding:20px;text-align:center;color:var(--tx3)">
          <i class="fas fa-arrow-up"></i> Selecciona una fecha y filtros, luego presiona Consultar
        </div>
      </div>
    </div>
  </div>
  <div class="card" style="padding:0">
    <!-- TABS -->
    <div style="display:flex;border-bottom:2px solid var(--brd)">
      <button class="rep-tab active" id="tab_todos" onclick="switchRepTab('todos')" style="flex:1;padding:12px 16px;border:none;background:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--pr);border-bottom:2px solid var(--pr);margin-bottom:-2px;border-radius:0">
        <i class="fas fa-list"></i> Todos los Reportes
        <span id="badge_todos" style="background:var(--pr2);color:#fff;border-radius:99px;padding:1px 8px;font-size:11px">0</span>
      </button>
      <button class="rep-tab" id="tab_pendientes" onclick="switchRepTab('pendientes')" style="flex:1;padding:12px 16px;border:none;background:var(--bg3);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--tx2);border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:0">
        <i class="fas fa-exclamation-triangle" style="color:var(--err)"></i> Pendientes Ofrenda
        <span id="badge_pendientes" style="background:var(--err);color:#fff;border-radius:99px;padding:1px 8px;font-size:11px">0</span>
      </button>
    </div>
    <!-- FILTROS -->
    <div class="fr" style="padding:10px 14px;border-bottom:1px solid var(--brd)">
      <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%">
        <div class="sb2" style="flex:1;min-width:180px"><i class="fas fa-search"></i><input type="text" placeholder="Buscar líder, código, anfitrión..." oninput="_qRep=this.value;renderRepTable(_rep)"></div>
        <input type="date" class="fdt" id="rD" value="${fom()}" title="Desde">
        <input type="date" class="fdt" id="rH" value="${today()}" title="Hasta">
      </div>
      <div style="display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px">
        <select class="fsl" id="rDist" style="flex:1;min-width:120px" onchange="actualizarSelectores()">
          <option value="">🏛 Distrito: Todos</option>
          ${[...new Set(APP.hermanos.map(h=>h['Distrito']).filter(Boolean))].sort().map(n=>`<option value="${esc(n)}">Distrito ${esc(n)}</option>`).join('')}
        </select>
        <select class="fsl" id="rPZ" style="flex:1;min-width:130px" onchange="actualizarSelectores()">
          <option value="">🏛 Pastor Zona: Todos</option>
          ${[...new Set(APP.hermanos.map(h=>h['Pastor Zona']).filter(Boolean))].sort().map(n=>`<option value="${esc(n)}">${esc(n)}</option>`).join('')}
        </select>
        <select class="fsl" id="rSA" style="flex:1;min-width:130px" onchange="actualizarSelectores()">
          <option value="">👤 Ayuda de Pastor: Todos</option>
          ${[...new Set(APP.hermanos.map(h=>h['Sup AreaL']).filter(Boolean))].sort().map(n=>`<option value="${esc(n)}">${esc(n)}</option>`).join('')}
        </select>
        <select class="fsl" id="rSS" style="flex:1;min-width:130px" onchange="actualizarSelectores()">
          <option value="">👥 Sup. Sector: Todos</option>
          ${[...new Set(APP.hermanos.map(h=>h['Sup SectorL']).filter(Boolean))].sort().map(n=>`<option value="${esc(n)}">${esc(n)}</option>`).join('')}
        </select>
        <select class="fsl" id="rReu" style="flex:1;min-width:110px">
          <option value="">📋 Reunión: Todas</option>
          ${TIPO_REUNION.map(t=>`<option value="${esc(t)}">${esc(t)}</option>`).join('')}
        </select>
        <select class="fsl" id="rMetodo" style="flex:1;min-width:110px">
          <option value="">📱 Reporte: Todos</option>
          ${METODO_REPORTE.map(m=>`<option value="${esc(m)}">${esc(m)}</option>`).join('')}
        </select>
        <select class="fsl" id="rL" style="flex:1;min-width:130px">
          <option value="">👤 Líder: Todos</option>
          ${APP.hermanos.map(h=>`<option value="${esc(h['NombreL'])}">${esc(h['NombreL'])}</option>`).join('')}
        </select>
        <button class="btn btn-pr btn-sm" onclick="loadRep()" style="white-space:nowrap"><i class="fas fa-filter"></i> Filtrar</button>
        <button class="btn btn-ol btn-sm" onclick="limpiarFiltrosRep()" style="white-space:nowrap"><i class="fas fa-times"></i> Limpiar</button>
      </div>
    </div>
    <div id="filtrosActivos" style="display:none;align-items:center;gap:8px;padding:6px 14px;background:rgba(37,99,168,.06);border-bottom:1px solid var(--brd);font-size:12px;color:var(--pr);flex-wrap:wrap"></div>
    <div class="rg" id="repRes" style="padding:10px 14px;border-bottom:1px solid var(--brd)"></div>
    <div class="tw"><table>
      <thead><tr><th>Fecha</th><th>Código</th><th>Líder</th><th>Sup.Sector</th><th>Anfitrión</th><th>H.Ini</th><th>H.Fin</th><th>AGF</th><th>H</th><th>Am</th><th>N</th><th>OfIg</th><th>OfBus</th><th>OfTot</th><th>Total</th><th>Reporte</th><th>Ofrenda</th><th>Acciones</th></tr></thead>
      <tbody id="repTb"></tbody>
    </table></div>
  </div>`;
  _repTab='todos';loadRep();
}
function switchRepTab(tab){
  _repTab=tab;
  ['todos','pendientes'].forEach(t=>{
    const btn=document.getElementById('tab_'+t);if(!btn)return;
    const active=t===tab;
    btn.style.background=active?'#fff':'var(--bg3)';
    btn.style.color=active?'var(--pr)':'var(--tx2)';
    btn.style.borderBottom=active?'2px solid var(--pr)':'2px solid transparent';
  });
  renderRepTable(_rep);
}
function abrirFiltroAsistencia(){
  const panel=document.getElementById('panelAsistencia');
  if(!panel) return;
  const isOpen = panel.style.display==='block';
  panel.style.display = isOpen ? 'none' : 'block';
  if(!isOpen){
    // Poblar selects con datos frescos
    if(!APP.hermanos||!APP.hermanos.length){
      call('getHermanos',{},function(_,h){
        APP.hermanos=Array.isArray(h)?h:[];
        poblarSelectsFiltro();
      });
    } else {
      poblarSelectsFiltro();
    }
  }
}

function poblarSelectsFiltro(){
  var h=APP.hermanos||[];
  
  var pzEl=document.getElementById('faPastorZona');
  var saEl=document.getElementById('faArea');
  var ssEl=document.getElementById('faSector');
  var lEl=document.getElementById('faLider');
  
  var curPZ=pzEl?pzEl.value:'';
  var curSA=saEl?saEl.value:'';
  var curSS=ssEl?ssEl.value:'';
  var curL=lEl?lEl.value:'';
  
  // Pastor de Zona (nivel más alto)
  var pzList=[...new Set(h.map(function(x){return x['Pastor Zona']||'';}).filter(Boolean))].sort();
  if(pzEl) pzEl.innerHTML='<option value="">Todos</option>'+pzList.map(function(p){return '<option'+(curPZ===p?' selected':'')+'>'+esc(p)+'</option>';}).join('');
  
  // Ayuda de Pastor / Sup Área (filtra por PZ si está seleccionado)
  var hSA=curPZ?h.filter(function(x){return x['Pastor Zona']===curPZ;}):h;
  var saList=[...new Set(hSA.map(function(x){return x['Sup AreaL']||'';}).filter(Boolean))].sort();
  if(saEl) saEl.innerHTML='<option value="">Todos</option>'+saList.map(function(s){return '<option'+(curSA===s?' selected':'')+'>'+esc(s)+'</option>';}).join('');
  
  // Sup Sector (filtra por PZ y SA)
  var hSS=h;
  if(curPZ) hSS=hSS.filter(function(x){return x['Pastor Zona']===curPZ;});
  if(curSA) hSS=hSS.filter(function(x){return x['Sup AreaL']===curSA;});
  var ssList=[...new Set(hSS.map(function(x){return x['Sup SectorL']||'';}).filter(Boolean))].sort();
  if(ssEl) ssEl.innerHTML='<option value="">Todos</option>'+ssList.map(function(s){return '<option'+(curSS===s?' selected':'')+'>'+esc(s)+'</option>';}).join('');
  
  // Líderes (filtra por todos los niveles)
  var hL=h;
  if(curPZ) hL=hL.filter(function(x){return x['Pastor Zona']===curPZ;});
  if(curSA) hL=hL.filter(function(x){return x['Sup AreaL']===curSA;});
  if(curSS) hL=hL.filter(function(x){return x['Sup SectorL']===curSS;});
  hL=hL.slice().sort(function(a,b){return (a['NombreL']||'').localeCompare(b['NombreL']||'');});
  if(lEl) lEl.innerHTML='<option value="">Todos los líderes</option>'+hL.map(function(x){return '<option value="'+esc(x['CodigoL'])+'"'+(curL===x['CodigoL']?' selected':'')+'>'+esc(x['NombreL'])+' ('+esc(x['CodigoL'])+')</option>';}).join('');
}

// ── BÚSQUEDA EN ASISTENCIA HOY ──
function buscarAsistencia(q){
  q = q.trim().toLowerCase();
  const el = document.getElementById('faSearchRes');
  if(!q || q.length < 2){ if(el)el.style.display='none'; return; }
  const h = APP.hermanos||[];
  var pzSet={}, areaSet={}, sectorSet={}, lids=[];
  const seen = {};
  h.forEach(function(x){
    var pz = (x['Pastor Zona']||'').toLowerCase();
    var area = (x['Sup AreaL']||'').toLowerCase();
    var sector = (x['Sup SectorL']||'').toLowerCase();
    var nom = (x['NombreL']||'').toLowerCase();
    var cod = (x['CodigoL']||'').toLowerCase();
    if(seen[x['CodigoL']]) return;
    if(pz.includes(q) && !pzSet[x['Pastor Zona']]){ pzSet[x['Pastor Zona']]=true; seen[x['CodigoL']]=true; }
    if(area.includes(q) && !areaSet[x['Sup AreaL']]){ areaSet[x['Sup AreaL']]=true; seen[x['CodigoL']]=true; }
    if(sector.includes(q) && !sectorSet[x['Sup SectorL']]){ sectorSet[x['Sup SectorL']]=true; seen[x['CodigoL']]=true; }
    if(nom.includes(q) || cod.includes(q)){ lids.push(x); seen[x['CodigoL']]=true; }
  });
  var html = '';
  Object.keys(pzSet).forEach(function(n){
    var c = h.filter(function(x){ return x['Pastor Zona']===n; }).length;
    html += '<div class="fa-sr-item" data-type="pz" data-value="'+esc(n)+'" onclick="seleccionarAsistencia(\'pz\',\''+esc(n).replace(/'/g,"\\'")+'\')" style="padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:13px;display:flex;align-items:center;gap:6px">🏛 <b>'+esc(n)+'</b> <span style="color:#999;font-size:11px">('+c+' líderes)</span></div>';
  });
  Object.keys(areaSet).forEach(function(n){
    var c = h.filter(function(x){ return x['Sup AreaL']===n; }).length;
    html += '<div class="fa-sr-item" data-type="area" data-value="'+esc(n)+'" onclick="seleccionarAsistencia(\'area\',\''+esc(n).replace(/'/g,"\\'")+'\')" style="padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:13px;display:flex;align-items:center;gap:6px">👤 <b>'+esc(n)+'</b> <span style="color:#999;font-size:11px">('+c+' líderes)</span></div>';
  });
  Object.keys(sectorSet).forEach(function(n){
    var c = h.filter(function(x){ return x['Sup SectorL']===n; }).length;
    html += '<div class="fa-sr-item" data-type="sector" data-value="'+esc(n)+'" onclick="seleccionarAsistencia(\'sector\',\''+esc(n).replace(/'/g,"\\'")+'\')" style="padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:13px;display:flex;align-items:center;gap:6px">📋 <b>'+esc(n)+'</b> <span style="color:#999;font-size:11px">('+c+' líderes)</span></div>';
  });
  lids.forEach(function(x){
    html += '<div class="fa-sr-item" data-type="lider" data-value="'+esc(x['CodigoL'])+'" onclick="seleccionarAsistencia(\'lider\',\''+esc(x['CodigoL']).replace(/'/g,"\\'")+'\')" style="padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:13px;display:flex;align-items:center;gap:6px">🙋 <b>'+esc(x['NombreL'])+'</b> <span style="color:#999;font-size:11px">('+esc(x['CodigoL'])+')</span></div>';
  });
  if(!html){ el.style.display='none'; return; }
  el.innerHTML = html;
  el.style.display = 'block';
}
function seleccionarAsistencia(type, value){
  document.getElementById('faSearchRes').style.display='none';
  document.getElementById('faSearch').value = value;
  document.getElementById('faPastorZona').value = '';
  document.getElementById('faArea').value = '';
  document.getElementById('faSector').value = '';
  document.getElementById('faLider').value = '';
  var h = APP.hermanos||[];
  if(type === 'pz'){
    document.getElementById('faPastorZona').value = value;
  } else if(type === 'area'){
    var her = h.find(function(x){ return x['Sup AreaL']===value; });
    if(her && her['Pastor Zona']) document.getElementById('faPastorZona').value = her['Pastor Zona'];
    document.getElementById('faArea').value = value;
  } else if(type === 'sector'){
    var her = h.find(function(x){ return x['Sup SectorL']===value; });
    if(her){
      if(her['Pastor Zona']) document.getElementById('faPastorZona').value = her['Pastor Zona'];
      if(her['Sup AreaL']) document.getElementById('faArea').value = her['Sup AreaL'];
    }
    document.getElementById('faSector').value = value;
  } else if(type === 'lider'){
    var her = h.find(function(x){ return x['CodigoL']===value; });
    if(her){
      if(her['Pastor Zona']) document.getElementById('faPastorZona').value = her['Pastor Zona'];
      if(her['Sup AreaL']) document.getElementById('faArea').value = her['Sup AreaL'];
      if(her['Sup SectorL']) document.getElementById('faSector').value = her['Sup SectorL'];
    }
    document.getElementById('faLider').value = value;
  }
  cascadeFiltros();
  aplicarFiltroAsistencia();
}
// Cerrar búsqueda al hacer clic fuera
document.addEventListener('click', function(e){
  var el = document.getElementById('faSearchRes');
  if(el && !e.target.closest('#faSearch') && !e.target.closest('#faSearchRes')) el.style.display='none';
});

// ── RENDER JERARQUÍA (PZ → Área → Líder) ──
function renderJerarquiaAsistencia(repDia, pendientes, hermanos){
  // Construir lista plana: cada reporte es una fila, cada líder sin reporte es otra
  var items=[];
  // 1. Agregar todos los reportes del ciclo
  repDia.forEach(function(r){
    var h=hermanos.find(function(x){return String(x['CodigoL'])===String(r['Codigo']||r['CodigoL']||'')||String(x['NombreL']||'').trim().toLowerCase()===String(r['Lider']||r['Datos de Lider']||'').trim().toLowerCase();});
    if(!h)h={};
    var ofR=(r['Ofrenda Recibida']||'').trim();
    var ok=ofR==='SI'||ofR==='Recibida';
    items.push({h:h,r:r,ok:ok,tipo:'rep'});
  });
  // 2. Agregar líderes sin reporte
  pendientes.forEach(function(h){
    items.push({h:h,r:null,ok:false,tipo:'pend'});
  });
  // Ordenar por PZ → Area → Fecha (reportes) → Nombre (pendientes)
  items.sort(function(a,b){
    var pzA=a.h['Pastor Zona']||'',pzB=b.h['Pastor Zona']||'';
    if(pzA!==pzB)return pzA.localeCompare(pzB);
    var arA=a.h['Sup AreaL']||'',arB=b.h['Sup AreaL']||'';
    if(arA!==arB)return arA.localeCompare(arB);
    if(a.tipo!==b.tipo)return a.tipo==='rep'?-1:1;
    if(a.tipo==='rep'&&b.tipo==='rep'){
      var dA=a.r['Fecha']||'',dB=b.r['Fecha']||'';
      if(dA!==dB)return dA.localeCompare(dB);
      var hA=a.r['Hora Inicio']||'',hB=b.r['Hora Inicio']||'';
      return hA.localeCompare(hB);
    }
    return (a.h['NombreL']||'').localeCompare(b.h['NombreL']||'');
  });
  var html='',curPZ='',curArea='';
  var pzOK=0,pzTotal=0,areaOK=0,areaTotal=0;
  function cerrarPZ(){
    if(curPZ==='')return '';
    var p=pzTotal>0?Math.round(pzOK/pzTotal*100):0;
    var pc=p>=50?'var(--ok)':'var(--err)';
    return '<div style="font-size:11px;color:var(--tx2);margin:2px 0 6px 0">✓ '+pzOK+'/'+pzTotal+' <span style="color:'+pc+'">('+p+'%)</span></div></div>';
  }
  for(var i=0;i<items.length;i++){
    var it=items[i],h=it.h;
    var pz=h['Pastor Zona']||'—',area=h['Sup AreaL']||'—';
    if(pz!==curPZ){
      if(curPZ!=='')html+=cerrarPZ();
      curArea='';curPZ=pz;pzOK=0;pzTotal=0;
      html+='<div style="margin-bottom:6px;background:var(--bg2);border-radius:8px;padding:8px 10px">';
      html+='<div style="font-size:13px;font-weight:800;color:#7d3c98;display:flex;align-items:center;gap:6px;padding-bottom:4px">🏛 '+esc(pz)+'</div>';
    }
    if(area!==curArea){
      if(curArea!=='')html+='</div>';
      curArea=area;areaOK=0;areaTotal=0;
      html+='<div style="margin-left:12px;margin-top:4px">';
      html+='<div style="font-size:12px;font-weight:700;color:var(--tx2);padding:2px 0">👤 '+esc(area)+'</div>';
    }
    if(it.tipo==='rep'){
      var r=it.r,agf=r['Asistencia Grupo Familiar']||0,ofVal=r['Ofrenda Total']||'';
      var ofR=(r['Ofrenda Recibida']||'').trim();
      var metodo=r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':r['Tipo de Reporte']==='Reporte Físico'?'Físico':'');
      var reunionTipo=r['Tipo de Reporte']||'';
      if(reunionTipo==='Reporte Digital'||reunionTipo==='Reporte Físico')reunionTipo='Mixta';
      var fechaCorta=r['Fecha']?r['Fecha'].substring(5):'';
      var bg=it.ok?'#f0fff4':'#fffbe6';
      var ico=it.ok?'<i class="fas fa-check-circle" style="color:var(--ok);margin-right:3px"></i>':'<i class="fas fa-clock" style="color:var(--ac);margin-right:3px"></i>';
      var ofBadge=ofR==='SI'||ofR==='Recibida'
        ?'<span style="background:var(--ok);color:#fff;border-radius:20px;padding:0 6px;font-size:9px;font-weight:700">Ofrenda ✓</span>'
        :'<span style="background:var(--ac);color:#fff;border-radius:20px;padding:0 6px;font-size:9px;font-weight:700">Ofrenda ⏳</span>';
      var etiqMetodo=metodo==='Digital'?'<span class="bdg bi" style="font-size:8px;padding:1px 5px">D</span>':'<span class="bdg bb" style="font-size:8px;padding:1px 5px">F</span>';
      html+='<div style="margin-left:24px;background:'+bg+';border-radius:6px;padding:5px 8px;font-size:11px;margin-top:3px;display:flex;justify-content:space-between;align-items:center">'
        +'<div>'+ico+etiqMetodo+' <b>'+esc(h['NombreL']||'')+'</b> <span style="font-size:10px;color:var(--tx3)">'+esc(h['CodigoL']||'')+'</span> · '+fechaCorta+' '+ofBadge+'</div>'
        +'<div><span style="font-size:10px;color:var(--tx2)">AGF: '+agf+(ofVal?' · Q '+Number(ofVal).toFixed(2):'')+' · '+esc(reunionTipo)+'</span></div></div>';
      pzOK+=it.ok?1:0;pzTotal++;
    } else {
      html+='<div style="margin-left:24px;background:#fff5f5;border-radius:6px;padding:5px 8px;font-size:12px;margin-top:3px;display:flex;justify-content:space-between;align-items:center">'
        +'<div><i class="fas fa-clock" style="color:var(--err);margin-right:4px"></i><b>'+esc(h['NombreL'])+'</b> <span style="background:#999;color:#fff;border-radius:20px;padding:0 6px;font-size:9px;font-weight:700">Sin reporte</span> <span style="font-size:10px;color:var(--tx3)">'+esc(h['CodigoL'])+'</span></div>'
        +'<div><span style="font-size:10px;color:var(--tx2)">—</span></div></div>';
      pzTotal++;
    }
  }
  if(curPZ!=='')html+=cerrarPZ();
  return html||'<div style="padding:12px;text-align:center;color:var(--tx3)">Sin líderes en este filtro</div>';
}

function cascadeFiltros(){
  poblarSelectsFiltro();
}

function aplicarFiltroAsistencia(){
  const fecha = document.getElementById('faFecha')?.value || today();
  const pz    = document.getElementById('faPastorZona')?.value || '';
  const area  = document.getElementById('faArea')?.value || '';
  const sector= document.getElementById('faSector')?.value || '';
  const lider = document.getElementById('faLider')?.value || '';
  const res   = document.getElementById('faResultado');
  if(!res) return;
  
  // Calcular ciclo semanal (Lunes a Domingo) basado en la fecha seleccionada
  const dObj = new Date(fecha + 'T12:00:00');
  const day = dObj.getDay(); // 0-Dom, 1-Lun, ..., 6-Sab
  // Ajuste para que la semana empiece el lunes (lunes=0)
  const diff = dObj.getDate() - day + (day === 0 ? -6 : 1);
  const dStart = new Date(dObj); dStart.setDate(diff);
  const dEnd = new Date(dStart); dEnd.setDate(dStart.getDate() + 6);
  
  const fStart = dStart.toISOString().split('T')[0];
  const fEnd = dEnd.toISOString().split('T')[0];

  // Mostrar spinner mientras carga del servidor
  res.innerHTML = '<div style="padding:20px;text-align:center;color:var(--tx3)"><i class="fas fa-circle-notch fa-spin fa-2x"></i><p style="margin-top:8px">Cargando datos del servidor...</p></div>';
  
  // Cargar reportes del ciclo (Lunes 00:01 a Domingo 23:59)
  const filtros = {desde: fStart, hasta: fEnd};
  if(pz)     filtros.pastorZona = pz;
  if(area)   filtros.supArea    = area;
  if(sector) filtros.supSector  = sector;
  
  call('getReportes', filtros, function(_, d){
    const repDia = Array.isArray(d) ? d : [];
    
    // Determinar lista de líderes según jerarquía seleccionada
      let lideresFiltro = APP.hermanos;
      if(pz)     lideresFiltro = lideresFiltro.filter(h=>(h['Pastor Zona']||'')===pz);
      if(area)   lideresFiltro = lideresFiltro.filter(h=>(h['Sup AreaL']||'')===area);
      if(sector) lideresFiltro = lideresFiltro.filter(h=>(h['Sup SectorL']||'')===sector);
      if(lider)  lideresFiltro = lideresFiltro.filter(h=>h['CodigoL']===lider);
      
      // Quien reportó esta semana
      const codesSemana = new Set(repDia.map(function(r){return String(r['Codigo']||r['CodigoL']||'');}));
      const namesSemana = new Set(repDia.map(function(r){return String(r['Lider']||r['Datos de Lider']||'').trim().toLowerCase();}).filter(Boolean));
      
      // KPIs por REPORTE (no por líder)
      const totalReportes = repDia.length;
      const completos = repDia.filter(function(r){return (r['Ofrenda Recibida']||'').trim()==='SI'||r['Ofrenda Recibida']==='Recibida';});
      const soloReporte = repDia.filter(function(r){return (r['Ofrenda Recibida']||'').trim()!=='SI'&&r['Ofrenda Recibida']!=='Recibida';});
      // Líderes sin ningún reporte esta semana (para KPIs de cobertura)
      const pendientes = lideresFiltro.filter(function(h){
        var cod=String(h['CodigoL']);var nom=String(h['NombreL']||'').trim().toLowerCase();
        return !(codesSemana.has(cod)||namesSemana.has(nom));
      });
      const lideresReportaron = lideresFiltro.filter(function(h){
        var cod=String(h['CodigoL']);var nom=String(h['NombreL']||'').trim().toLowerCase();
        return codesSemana.has(cod)||namesSemana.has(nom);
      });
      const totalLideres = lideresFiltro.length;
      const pctCobertura = totalLideres > 0 ? Math.round(lideresReportaron.length/totalLideres*100) : 0;
      const barColor = pctCobertura>=80?'var(--ok)':pctCobertura>=50?'var(--ac)':'var(--err)';
      
      const labelFiltro = [
        pz    ? '🏛 '+pz    : '',
        area  ? '👤 '+area  : '',
        sector? '📋 '+sector: '',
        lider ? '🙋 Líder: '+lider : ''
      ].filter(Boolean).join(' → ') || 'Todos los líderes';
    
    res.innerHTML = `
    <div style="padding:14px 16px">
      <div style="font-size:12px;color:var(--pr2);font-weight:800;margin-bottom:10px">
        📊 Ciclo de Reporte (Lun-Dom): ${fmtD(fStart)} al ${fmtD(fEnd)} · ${labelFiltro}
      </div>
      <!-- KPIs -->
      <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px">
        <div style="background:#f0fff4;border-radius:8px;padding:10px;text-align:center;border-left:3px solid var(--ok)">
          <div style="font-size:28px;font-weight:900;color:var(--ok)">${completos.length}</div>
          <div style="font-size:11px;color:var(--tx2)">✓ Reporte+Ofrenda</div>
        </div>
        <div style="background:#fffbe6;border-radius:8px;padding:10px;text-align:center;border-left:3px solid var(--ac)">
          <div style="font-size:28px;font-weight:900;color:#b8860b">${soloReporte.length}</div>
          <div style="font-size:11px;color:var(--tx2)">📱 Sin ofrenda</div>
        </div>
        <div style="background:#fff5f5;border-radius:8px;padding:10px;text-align:center;border-left:3px solid var(--err)">
          <div style="font-size:28px;font-weight:900;color:var(--err)">${pendientes.length}</div>
          <div style="font-size:11px;color:var(--tx2)">⏳ Sin Reporte</div>
        </div>
        <div style="background:var(--bg3);border-radius:8px;padding:10px;text-align:center;border-left:3px solid var(--pr)">
          <div style="font-size:22px;font-weight:900;color:var(--pr)">${totalLideres}</div>
          <div style="font-size:11px;color:var(--tx2)">Total líderes</div>
        </div>
        <div style="background:var(--bg3);border-radius:8px;padding:10px;text-align:center;border-left:3px solid ${barColor}">
          <div style="font-size:22px;font-weight:900;color:${barColor}">${pctCobertura}%</div>
          <div style="font-size:11px;color:var(--tx2)">Cobertura</div>
        </div>
      </div>
      <!-- Barra de progreso -->
      <div style="background:var(--bg3);border-radius:99px;height:10px;overflow:hidden;margin-bottom:14px">
        <div style="height:100%;width:${pctCobertura}%;background:${barColor};border-radius:99px;transition:width .6s ease"></div>
      </div>
      <!-- Vista Jerárquica PZ → Área → Líder -->
      <div style="margin-top:4px">
        ${renderJerarquiaAsistencia(repDia, pendientes, lideresFiltro)}
      </div>
      <div style="margin-top:10px;font-size:10px;color:var(--tx3);text-align:right">
        Generado: ${new Date().toLocaleTimeString('es-GT')}
        <button class="btn btn-ol btn-sm" style="margin-left:8px;font-size:10px" onclick="aplicarFiltroAsistencia()"><i class="fas fa-sync"></i> Actualizar</button>
      </div>
    </div>`;
  });  // cierre getReportes (semana)
}

function imprimirAsistenciaHoy(fecha,area,sector){
  const res=document.getElementById('faResultado');
  if(!res||!res.innerHTML.trim()){toast('Aplica el filtro primero','wa');return;}
  const appNom=(APP.config&&APP.config.nombre)||'Iglesia Restauración';
  const h='<!DOCTYPE html><html><head><meta charset="UTF-8"><style>body{font-family:Arial;font-size:11px;padding:16px}h2{color:#1a3a5c;margin-bottom:4px}p{color:#888;font-size:10px;margin-bottom:12px}.ok{color:#1e7e34;font-weight:700}.err{color:#c0392b;font-weight:700}table{width:100%;border-collapse:collapse}th{background:#1a3a5c;color:#fff;padding:5px 8px;text-align:left;font-size:10px}td{padding:4px 8px;border-bottom:1px solid #eee;font-size:11px}@page{margin:8mm}</style></head><body>'
    +'<h2>📋 Asistencia de Líderes — '+appNom+'</h2>'
    +'<p>'+fmtD(fecha)+(area?' · Área: '+esc(area):'')+(sector?' · Sector: '+esc(sector):'')+'</p>'
    +res.innerHTML
    +'<scr'+'ipt>setTimeout(()=>{window.print();setTimeout(()=>window.close(),400);},350);<'+'/scr'+'ipt></body></html>';
  abrirVentanaImpresion(h);
}

function loadRep(){
  var f={desde:g('rD')||fom(),hasta:g('rH')||today()};
  var l=g('rL'),ss=g('rSS'),pz=g('rPZ'),di=g('rDist'),zo=g('rZona');
  if(l)f.lider=l;if(ss)f.supSector=ss;if(pz)f.pastorZona=pz;
  if(di)f.distrito=di;if(zo)f.zona=zo;if(g('rPend'))f.pendientes=true;
  var ck='rpt_'+f.desde+'_'+f.hasta+(f.pastorZona?'_pz:'+f.pastorZona:'')+(f.supSector?'_ss:'+f.supSector:'')+(f.distrito?'_di:'+f.distrito:'')+(f.lider?'_ld:'+f.lider:'');
  var cached=sessionStorage.getItem(ck);
  var v=parseInt(sessionStorage.getItem('rpt_ver')||'0');
  if(cached&&Date.now()-parseInt(sessionStorage.getItem(ck+'_t')||'0')<30000){
    try{var cd=JSON.parse(cached);if(cd.v===v){_rep=cd.d;renderRepTable(_rep);renderRepRes(_rep);return;}}catch(e){}
  }
  loading(true);call('getReportes',f,function(_,d){loading(false);_rep=Array.isArray(d)?d:[];try{sessionStorage.setItem(ck,JSON.stringify({v:d.v||v,d:_rep}));sessionStorage.setItem(ck+'_t',Date.now());}catch(e){}var pend=_rep.filter(function(r){return r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']==='';});var bt=document.getElementById('badge_todos'),bp=document.getElementById('badge_pendientes');if(bt)bt.textContent=_rep.length;if(bp)bp.textContent=pend.length;renderRepTable(_rep);renderRepRes(_rep);});
}

function limpiarFiltrosRep(){
  ['rDist','rPZ','rSA','rSS','rL'].forEach(id=>{
    const el=document.getElementById(id);
    if(el)el.value='';
  });
  const fi=document.getElementById('filtrosActivos');
  if(fi)fi.style.display='none';
  loadRep();
}

function actualizarSelectores(){loadRep();}

function getVisibleRep(){
  let d=_repTab==='pendientes'?_rep.filter(r=>r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']===''):_rep;
  if(_qRep)d=d.filter(r=>JSON.stringify(r).toLowerCase().includes(_qRep.toLowerCase()));
  // Filtros adicionales
  var rReu=document.getElementById('rReu');if(rReu&&rReu.value)d=d.filter(function(r){var t=r['Tipo de Reporte']||'';if(t==='Reporte Digital'||t==='Reporte Físico')t='Mixta (Reunión Regular)';return t===rReu.value;});
  var rMet=document.getElementById('rMetodo');if(rMet&&rMet.value)d=d.filter(function(r){var m=r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':r['Tipo de Reporte']==='Reporte Físico'?'Físico':'');return m===rMet.value;});
  return d;
}
function renderRepRes(d){
  const el=document.getElementById('repRes');if(!el)return;
  const pend=d.filter(r=>r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']==='').length;
  const res={total:d.length,asist:d.reduce((s,r)=>s+num(r['Asistencia Grupo Familiar']),0),ofIg:d.reduce((s,r)=>s+num(r['Ofrenda Iglesia']),0),ofBus:d.reduce((s,r)=>s+num(r['Ofrenda Bus']),0),ofTot:d.reduce((s,r)=>s+num(r['Ofrenda Total']),0),tot:d.reduce((s,r)=>s+num(r['Total']),0)};
  el.innerHTML=[{l:'Reportes',v:res.total,c:''},{l:'Asist. GF',v:res.asist,c:'g'},{l:'Ofr. Iglesia',v:fmtQ(res.ofIg),c:'o'},{l:'Ofr. Bus',v:fmtQ(res.ofBus),c:'p'},{l:'Ofr. Total',v:fmtQ(res.ofTot),c:'r'},{l:'Total Cultos',v:res.tot,c:'i'},{l:'⚠ Pendientes',v:pend,c:'r'}].map(s=>`<div class="rc ${s.c}"><div class="rcv">${s.v}</div><div class="rcl">${s.l}</div></div>`).join('');
}
function renderRepTable(){
  const data=getVisibleRep();
  const tb=document.getElementById('repTb');if(!tb)return;
  if(!data.length){
    const msg=_repTab==='pendientes'?'Sin reportes con ofrenda pendiente 👍':'No hay reportes en este período';
    tb.innerHTML=`<tr><td colspan="18"><div class="empty-r"><i class="fas fa-${_repTab==='pendientes'?'check-circle':'file-alt'}" style="${_repTab==='pendientes'?'color:var(--ok)':''}"></i><p>${msg}</p></div></td></tr>`;
    return;
  }
  tb.innerHTML=data.map(r=>{
    const isPend=r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']==='';
    var metodo=r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':r['Tipo de Reporte']==='Reporte Físico'?'Físico':'');
    var reunionTipo=r['Tipo de Reporte']||'';
    if(reunionTipo==='Reporte Digital'||reunionTipo==='Reporte Físico')reunionTipo='Mixta (Reunión Regular)';
    return `<tr style="${isPend?'background:#fff5f5;':''}">
    <td>${fmtD(r['Fecha'])}</td>
    <td><span class="bdg bb">${esc(r['Codigo'])}</span></td>
    <td><b>${esc(r['Lider'])}</b></td>
    <td>${esc(r['Sup Sector'])}</td><td>${esc(r['Anfitrion'])}</td>
    <td>${esc(r['Hora Inicio'])}</td><td>${esc(r['Hora Final'])}</td>
    <td><b>${r['Asistencia Grupo Familiar']||0}</b></td>
    <td>${r['Hnos']||0}</td><td>${r['Amigos']||0}</td><td>${r['Niños']||0}</td>
    <td>${r['Ofrenda Iglesia']||''}</td><td>${r['Ofrenda Bus']||''}</td>
    <td><b>${r['Ofrenda Total']||''}</b></td>
    <td>${r['Total']||0}</td>
    <td><span class="bdg ${metodo==='Digital'?'bi':'bb'}">${metodo||'—'}</span><br><span style="font-size:10px;color:var(--tx2)">${esc(reunionTipo)}</span></td>
    <td>${isPend
      ?`<button class="btn btn-ok btn-sm" style="font-size:11px;white-space:nowrap;padding:5px 10px" onclick="confirmarOfrendaRapido('${esc(r['ID'])}','${esc(r['Lider'])}')"><i class="fas fa-check-circle"></i> Marcar Recibida</button>`
      :`<span class="bdg bg" style="font-size:11px">✓ Recibida</span>`
    }</td>
    <td><div class="ab">
      <button class="ab-btn ab-vw" onclick="viewRep('${esc(r['ID'])}')"><i class="fas fa-eye"></i></button>
      ${permisoEditar()?`<button class="ab-btn ab-ed" onclick="editRep('${esc(r['ID'])}')"><i class="fas fa-edit"></i></button>
      <button class="ab-btn ab-del" onclick="delRep('${esc(r['ID'])}')"><i class="fas fa-trash"></i></button>`:''}
    </div></td></tr>`;
  }).join('');
}
function filterRep(q){_qRep=q;renderRepTable();}

// CONFIRMAR OFRENDA — UN BOTÓN, SIN PEDIR MONTO
function confirmarOfrendaRapido(id,lider){
  openModal('Confirmar Ofrenda Recibida',`
  <div style="text-align:center;padding:20px 10px">
    <div style="font-size:52px;margin-bottom:12px">💰</div>
    <h3 style="font-size:16px;font-weight:900;color:var(--pr);margin-bottom:8px">${esc(lider)}</h3>
    <p style="font-size:14px;color:var(--tx2);margin-bottom:16px;line-height:1.5">¿Confirmas que recibiste físicamente la ofrenda de este grupo familiar?</p>
    <div style="background:rgba(39,174,96,.08);border:1.5px solid var(--ok);border-radius:10px;padding:12px;font-size:13px;color:var(--ok);font-weight:700;text-align:left">
      <i class="fas fa-info-circle"></i> El monto ya fue registrado en el reporte digital. Solo confirma la recepción física.
    </div>
  </div>`,
  `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button>
   <button class="btn btn-ok" onclick="ejecutarConfirmacion('${esc(id)}')"><i class="fas fa-check-circle"></i> ✓ Sí, Ofrenda Recibida</button>`);
}
function ejecutarConfirmacion(id){
  loading(true);
  call('guardarOfrendaRecibida',{id},(_,res)=>{
    loading(false);
    if(res?.ok){toast('✓ Ofrenda marcada como recibida','ok');closeModal();loadRep();}
    else toast('Error: '+(res?.msg||''),'er');
  });
}

function repForm(r){
  r=r||{};
  const hOpts=APP.hermanos.map(h=>`<option value="${esc(h['CodigoL'])}" ${r['Codigo']===h['CodigoL']?'selected':''}>${esc(h['CodigoL'])} — ${esc(h['NombreL'])}</option>`).join('');
  const tSeg=['Convertido','Reconciliación','Visita Programada','Bautizo en Agua','Sanidad','Oración','Otro'];
  const tReu=TIPO_REUNION; const tMetodo=METODO_REPORTE;
  
  // Seguimientos dinámicos — solo 1 inicial, se agregan con botón +
  let segsHTML = '<div id="segRepContainer" style="grid-column:1/-1">';
  // Calcular cuántos seguimientos editables mostrar (si editando con datos, mostrar todos los que tengan valores)
  let initialSeg = 1;
  for (let i = 10; i >= 2; i--) {
    let nk = i === 1 ? 'Nombre Persona' : 'Nombre Persona ' + i;
    if (r[nk]) { initialSeg = i; break; }
  }
  let tSegOpts = tSeg.map(t=>`<option value="${esc(t)}">${t}</option>`).join('');
  for (let i = 1; i <= initialSeg; i++) {
    let nk = i === 1 ? 'Nombre Persona' : 'Nombre Persona ' + i;
    let tk = i === 1 ? 'Tipo de Seguimiento' : 'Tipo de Seguimiento ' + i;
    let nv = esc(r[nk]||'');
    let tv = r[tk]||'';
    let selOpts = '<option value="">— Tipo —</option>' + tSeg.map(t=>`<option ${tv===t?'selected':''}>${t}</option>`).join('');
    segsHTML += `<div class="seg-rep-item" id="sri_${i}" style="background:var(--bg3);border-radius:8px;padding:10px;margin-bottom:8px;position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end">
      <button type="button" onclick="removeSegRep(${i})" style="position:absolute;top:4px;right:6px;background:rgba(231,76,60,.1);border:none;color:var(--err);border-radius:4px;padding:2px 7px;font-size:10px;cursor:pointer;font-weight:700">✕</button>
      <div style="flex:2;min-width:160px"><label style="font-size:10px;font-weight:700;color:var(--tx2);display:block;margin-bottom:3px">Nombre #${i}</label><input class="fc" id="rf_np${i}" value="${nv}" placeholder="Nombre"></div>
      <div style="flex:1;min-width:120px"><label style="font-size:10px;font-weight:700;color:var(--tx2);display:block;margin-bottom:3px">Tipo #${i}</label><select class="fc" id="rf_ts${i}">${selOpts}</select></div>
    </div>`;
  }
  segsHTML += '</div>';
  _segRepCount = initialSeg;  return `<div class="fg2">
  <div class="full"><div class="sect-title"><i class="fas fa-search"></i> Búsqueda por Código de Líder</div></div>
  <div class="fgg full"><label>Código de Líder <span class="req">*</span></label>
    <div class="cod-row" style="display:flex;gap:6px;flex-wrap:wrap">
      <input type="text" class="fc" id="rf_codigo_input" placeholder="Escribe código o nombre del líder..." style="flex:2;min-width:160px" oninput="filtrarLiderInput(this.value)" autocomplete="off">
      <select class="fc" id="rf_codigo" onchange="buscarLiderSel(this.value)" style="flex:1;min-width:120px"><option value="">— Seleccionar —</option>${hOpts}</select>
      <button type="button" class="btn btn-pr btn-sm" onclick="buscarLider(g('rf_codigo')||g('rf_codigo_input'))"><i class="fas fa-search"></i> Buscar</button>
    </div>
    <div class="cod-status" id="codStatus"></div></div>
  <div class="full"><div class="sect-title"><i class="fas fa-user-tie"></i> Info del Líder (auto-completado)</div></div>
  <div class="fgg"><label>Líder</label><input class="fc" id="rf_lider" value="${esc(r['Lider']||'')}" readonly></div>
  <div class="fgg"><label>Sup. Sector</label><input class="fc" id="rf_supSector" value="${esc(r['Sup Sector']||'')}" readonly></div>
  <div class="fgg"><label>Ayuda de Pastor</label><input class="fc" id="rf_supArea" value="${esc(r['Sup Area']||'')}" readonly></div>
  <div class="fgg"><label style="color:var(--pr2);font-weight:800">🏛 Pastor de Zona</label><input class="fc" id="rf_pastorZona" value="${esc(r['Pastor Zona']||'')}" readonly style="background:var(--bg3);border-left:3px solid var(--pr2)"></div>
  <div class="fgg"><label>Anfitrión</label><input class="fc" id="rf_anfitrion" value="${esc(r['Anfitrion']||'')}"></div>
  <div class="fgg full"><label>Dirección</label><input class="fc" id="rf_dir" value="${esc(r['Direccion']||'')}"></div>
  <div class="full"><div class="sect-title"><i class="fas fa-calendar-alt"></i> Datos de la Reunión</div></div>
  <div class="fgg"><label>Fecha <span class="req">*</span></label><input class="fc" type="date" id="rf_fecha" value="${r['Fecha']||today()}"></div>
  <div class="fgg"><label>Hora Inicio</label><input class="fc" type="time" id="rf_hInicio" value="${r['Hora Inicio']||'19:00'}"></div>
  <div class="fgg"><label>Hora Final</label><input class="fc" type="time" id="rf_hFinal" value="${r['Hora Final']||'20:30'}"></div>
  <div class="fgg"><label>Reporte</label><select class="fc" id="rf_metodo">${tMetodo.map(t=>`<option ${(r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':r['Tipo de Reporte']==='Reporte Físico'?'Físico':'Digital'))===t?'selected':''}>${t}</option>`).join('')}</select></div>
  <div class="fgg"><label>Tipo de Reunión</label><select class="fc" id="rf_tipo">${tReu.map(t=>`<option ${r['Tipo de Reporte']===t?'selected':''}>${t}</option>`).join('')}</select></div>
  <div class="full"><div class="sect-title"><i class="fas fa-users"></i> Asistencia</div></div>
  <div class="fgg"><label>Hnos</label><input class="fc" type="number" min="0" id="rf_hnos" value="${r['Hnos']||''}" oninput="calcAsist()"></div>
  <div class="fgg"><label>Amigos</label><input class="fc" type="number" min="0" id="rf_amigos" value="${r['Amigos']||''}" oninput="calcAsist()"></div>
  <div class="fgg"><label>Niños</label><input class="fc" type="number" min="0" id="rf_ninos" value="${r['Niños']||''}" oninput="calcAsist()"></div>
  <div class="fgg full" style="background:rgba(26,58,92,.06);border-radius:8px;padding:10px;border-left:3px solid var(--pr)">
    <label style="font-size:11px;font-weight:800;color:var(--pr)">⟳ Asistencia GF (auto)</label>
    <input class="fc" type="number" id="rf_agf" value="${r['Asistencia Grupo Familiar']||0}" readonly style="background:transparent;border:none;font-size:20px;font-weight:900;color:var(--pr);padding:4px 0"></div>
  <div class="full"><div class="sect-title"><i class="fas fa-church"></i> Asistencia a cultos en la iglesia</div></div>
  <div class="fgg"><label>Martes</label><input class="fc" type="number" min="0" id="rf_martes" value="${r['Martes']||''}" oninput="calcTotal()"></div>
  <div class="fgg"><label>Jueves</label><input class="fc" type="number" min="0" id="rf_jueves" value="${r['Jueves']||''}" oninput="calcTotal()"></div>
  <div class="fgg"><label>Domingo</label><input class="fc" type="number" min="0" id="rf_domingo" value="${r['Domingo']||''}" oninput="calcTotal()"></div>
  <div class="fgg"><label>Otros</label><input class="fc" type="number" min="0" id="rf_otros" value="${r['Otros']||''}" oninput="calcTotal()"></div>
  <div class="fgg full" style="background:rgba(39,174,96,.06);border-radius:8px;padding:10px;border-left:3px solid var(--ok)">
    <label style="font-size:11px;font-weight:800;color:var(--ok)">⟳ Total Cultos (auto)</label>
    <input class="fc" type="number" id="rf_total" value="${r['Total']||0}" readonly style="background:transparent;border:none;font-size:20px;font-weight:900;color:var(--ok);padding:4px 0"></div>
  <div class="full"><div class="sect-title"><i class="fas fa-hand-holding-usd"></i> Ofrendas</div></div>
  <div class="fgg"><label>Ofrenda Iglesia (Q)</label><input class="fc" type="number" min="0" step="0.01" id="rf_ofIg" value="${r['Ofrenda Iglesia']||''}" oninput="calcOfrenda()"></div>
  <div class="fgg"><label>Ofrenda Bus (Q)</label><input class="fc" type="number" min="0" step="0.01" id="rf_ofBus" value="${r['Ofrenda Bus']||''}" oninput="calcOfrenda()"></div>
  <div class="fgg full" style="background:rgba(232,160,32,.08);border-radius:8px;padding:10px;border-left:3px solid var(--ac)">
    <label style="font-size:11px;font-weight:800;color:var(--ac)">⟳ Ofrenda Total Q (auto)</label>
    <input class="fc" id="rf_ofTot" value="${r['Ofrenda Total']||0}" readonly style="background:transparent;border:none;font-size:20px;font-weight:900;color:var(--ac);padding:4px 0"></div>
  
  <div class="full"><div class="sect-title"><i class="fas fa-hands-helping"></i> Seguimientos <span style="font-weight:400;font-size:10px;color:var(--tx2)">(Agregar manualmente · máx 10)</span> <button type="button" id="segAddBtn" class="btn btn-sm btn-in" onclick="addSegRep()" style="margin-left:auto;font-size:10px"><i class="fas fa-plus"></i> Agregar</button></div></div>
  ${segsHTML}
</div>`;
}

// ── BÚSQUEDA DE LÍDER POR TECLADO (para rf_codigo_input) ──────
function filtrarLiderInput(val){
  var sel=document.getElementById('rf_codigo');
  if(!sel)return;
  var q=val.toLowerCase().trim();
  if(!q){sel.value='';return;}
  var opts=sel.options;
  var bestMatch = null;
  for(var i=1;i<opts.length;i++){
    var txt=opts[i].text.toLowerCase();
    if(txt.includes(q)){
      sel.value=opts[i].value;
      bestMatch = opts[i];
      // Auto-buscar inmediatamente si es match exacto o empieza con la consulta
      if(txt === q || txt.startsWith(q)){
        buscarLider(opts[i].value);
        return;
      }
    }
  }
  if(bestMatch) return;
  if(q.length>=2) buscarLider(val);
}
function buscarLiderSel(val){
  document.getElementById('rf_codigo_input').value=val;
  buscarLider(val);
}

function buscarLider(codigo){
  const st=document.getElementById('codStatus');if(!codigo){if(st)st.textContent='';return;}
  // Buscar primero en APP.hermanos local
  const h=APP.hermanos.find(x=>String(x['CodigoL'])===String(codigo));
  const fill=(hd)=>{
    if(st){st.className='cod-status cod-ok';st.innerHTML='<i class="fas fa-check-circle"></i> '+esc(hd['NombreL']);}
    // Llenar TODOS los campos del formulario con datos del líder
    [['rf_lider',hd['NombreL']||''],['rf_supSector',hd['Sup SectorL']||hd['SupSector']||''],['rf_supArea',hd['Sup AreaL']||hd['SupArea']||''],['rf_pastorZona',hd['Pastor Zona']||hd['PastorZona']||''],['rf_anfitrion',hd['Anfitrion']||hd['Anfitrion']||''],['rf_dir',hd['Direccion']||hd['Direccion']||'']].forEach(function(pair){
      var id=pair[0],val=pair[1];
      var el=document.getElementById(id);
      if(el)el.value=val||'';
    });
  };
  if(h){fill(h);return;}
  // Si no está en local, buscar en el servidor
  call('getHermanoByCodigo',{codigo:codigo},function(_,res){
    if(res&&res.ok&&res.data)fill(res.data);
    else if(st){st.className='cod-status cod-err';st.innerHTML='<i class="fas fa-times-circle"></i> Código no encontrado';}
  });
}
function calcAsist(){const h=num(g('rf_hnos')),a=num(g('rf_amigos')),n=num(g('rf_ninos'));const el=document.getElementById('rf_agf');if(el)el.value=h+a+n;}
function calcTotal(){const m=num(g('rf_martes')),j=num(g('rf_jueves')),d=num(g('rf_domingo')),o=num(g('rf_otros'));const el=document.getElementById('rf_total');if(el)el.value=m+j+d+o;}
function calcOfrenda(){const i=num(g('rf_ofIg')),b=num(g('rf_ofBus'));const el=document.getElementById('rf_ofTot');if(el)el.value=(i+b).toFixed(2);}

function mFoot(saveFn,label){
  label=label||'Guardar';
  return '<button class="btn btn-ol" onclick="closeModal()">Cancelar</button>'
    +'<button class="btn btn-pr" onclick="'+saveFn+'()"><i class="fas fa-save"></i> '+label+'</button>';
}
function mFootXL(saveFn,label){
  label=label||'Guardar';
  return '<button class="btn btn-ol" onclick="closeModal()">Cancelar</button>'
    +'<button class="btn btn-pr" onclick="'+saveFn+'()"><i class="fas fa-save"></i> '+label+'</button>';
}

function newReporte(){openModal('Nuevo Reporte de Grupo',repForm(),"<button class=\"btn btn-ol\" onclick=\"closeModal()\">Cancelar</button><button class=\"btn btn-pr\" onclick=\"saveRepForm()\"><i class=\"fas fa-save\"></i> Guardar</button>",'xl');}
function editRep(id){
  const r=_rep.find(x=>x['ID']===id);
  if(!r)return;
  openModal(
    'Editar Reporte',
    repForm(r),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveRepForm('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`,
    'xl'
  );
  setTimeout(()=>buscarLider(r['Codigo']),100);
}
function viewRep(id){
  const r=_rep.find(x=>x['ID']===id);if(!r)return;
  const isPend=r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']==='';
  var metodo=r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':r['Tipo de Reporte']==='Reporte Físico'?'Físico':'');
  var reunionTipo=r['Tipo de Reporte']||'';
  if(reunionTipo==='Reporte Digital'||reunionTipo==='Reporte Físico')reunionTipo='Mixta (Reunión Regular)';
  const isDigital=metodo==='Digital';
  const campos=[
    ['📅 Fecha',fmtD(r['Fecha'])],['⏰ Hora',r['Hora Inicio']+' → '+r['Hora Final']],
    ['🔑 Código',r['Codigo']],['👤 Líder',r['Lider']],
    ['🏘 Sup. Sector',r['Sup Sector']],['🗺 Ayuda de Pastor',r['Sup Area']],
    ['🏛 Pastor de Zona',r['Pastor Zona']],
    ['🏠 Anfitrión',r['Anfitrion']],['📍 Dirección',r['Direccion']],
    ['📋 Reporte',metodo],['📋 Tipo Reunión',reunionTipo],
  ];
  const asist=[
    ['Total AGF',r['Asistencia Grupo Familiar']],['Hermanos',r['Hnos']],
    ['Amigos',r['Amigos']],['Niños',r['Niños']],
    ['Total Cultos',r['Total']],['Martes',r['Martes']],
    ['Jueves',r['Jueves']],['Domingo',r['Domingo']],
  ];
  const ofr=[
    ['Ofrenda Iglesia','Q '+r['Ofrenda Iglesia']],
    ['Ofrenda Bus','Q '+r['Ofrenda Bus']],
    ['Ofrenda Total','Q '+r['Ofrenda Total']],
    ['Ofrenda Recibida',isPend?'⚠ PENDIENTE':r['Ofrenda Recibida']],
  ];
  const segs=[[r['Nombre Persona'],r['Tipo de Seguimiento']],[r['Nombre Persona 2'],r['Tipo de Seguimiento 2']],[r['Nombre Persona 3'],r['Tipo de Seguimiento 3']],[r['Nombre Persona 4'],r['Tipo de Seguimiento 4']],[r['Nombre Persona 5'],r['Tipo de Seguimiento 5']],[r['Nombre Persona 6'],r['Tipo de Seguimiento 6']],[r['Nombre Persona 7'],r['Tipo de Seguimiento 7']],[r['Nombre Persona 8'],r['Tipo de Seguimiento 8']],[r['Nombre Persona 9'],r['Tipo de Seguimiento 9']],[r['Nombre Persona 10'],r['Tipo de Seguimiento 10']]].filter(s=>s[0]);
  openModal('Detalle del Reporte — '+esc(r['Lider']),
  `<div style="max-height:72vh;overflow-y:auto;padding-right:4px">
    ${isDigital?'<div style="background:rgba(37,99,168,.08);border-left:3px solid var(--pr2);border-radius:6px;padding:8px 12px;margin-bottom:12px;font-size:12px;color:var(--pr2)"><i class="fas fa-mobile-alt"></i> <b>Reporte Digital</b> — enviado por el líder desde el formulario externo</div>':''}
    ${isPend?'<div style="background:rgba(231,76,60,.08);border-left:3px solid var(--err);border-radius:6px;padding:8px 12px;margin-bottom:12px;font-size:12px;color:var(--err)"><i class="fas fa-exclamation-triangle"></i> <b>Ofrenda pendiente</b> de entrega física</div>':''}
    <div class="sect-title" style="margin-bottom:8px"><i class="fas fa-info-circle"></i> Información General</div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px">
      ${campos.map(([k,v])=>`<div style="background:var(--bg3);padding:8px 10px;border-radius:7px"><div style="font-size:9px;font-weight:800;color:var(--tx2);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px">${k}</div><div style="font-size:13px;font-weight:700">${esc(v)||'—'}</div></div>`).join('')}
    </div>
    <div class="sect-title" style="margin-bottom:8px"><i class="fas fa-users"></i> Asistencia</div>
    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px">
      ${asist.map(([k,v])=>`<div style="background:rgba(26,58,92,.06);padding:8px;border-radius:7px;text-align:center"><div style="font-size:18px;font-weight:900;color:var(--pr)">${esc(v)||0}</div><div style="font-size:9px;color:var(--tx2)">${k}</div></div>`).join('')}
    </div>
    <div class="sect-title" style="margin-bottom:8px"><i class="fas fa-hand-holding-usd"></i> Ofrendas</div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px">
      ${ofr.map(([k,v])=>`<div style="background:${k==='Ofrenda Recibida'&&isPend?'rgba(231,76,60,.08)':'rgba(232,160,32,.06)'};padding:8px 10px;border-radius:7px;${k==='Ofrenda Recibida'&&isPend?'border-left:3px solid var(--err)':''}"><div style="font-size:9px;font-weight:800;color:var(--tx2);text-transform:uppercase;margin-bottom:2px">${k}</div><div style="font-size:13px;font-weight:800;color:${k==='Ofrenda Recibida'&&isPend?'var(--err)':'var(--ac)'}">${esc(v)||'—'}</div></div>`).join('')}
    </div>
    ${segs.length?`<div class="sect-title" style="margin-bottom:8px"><i class="fas fa-hands-helping"></i> Seguimientos (${segs.length})</div>
    <div style="display:flex;flex-direction:column;gap:6px;margin-bottom:8px">
      ${segs.map(([nom,tipo])=>`<div style="display:flex;align-items:center;gap:10px;background:var(--bg3);padding:8px 12px;border-radius:7px"><i class="fas fa-user" style="color:var(--inf)"></i><div><div style="font-size:13px;font-weight:700">${esc(nom)}</div><div style="font-size:11px;color:var(--tx2)">${esc(tipo)||'—'}</div></div></div>`).join('')}
    </div>`:''}
    <!-- EDITAR INFO DEL LÍDER -->
    ${permisoEditar()?`
    <div class="sect-title" style="margin-bottom:8px;cursor:pointer" onclick="toggleEditLider('${esc(r['ID'])}')"><i class="fas fa-edit"></i> Editar info del líder <i class="fas fa-chevron-down" id="editLiderIco_${esc(r['ID'])}"></i></div>
    <div id="editLiderPanel_${esc(r['ID'])}" style="display:none">
      <div class="fg2" style="margin-bottom:8px">
        <div class="fgg"><label>Anfitrión</label><input class="fc" id="el_anf_${esc(r['ID'])}" value="${esc(r['Anfitrion']||'')}"></div>
        <div class="fgg"><label>Dirección</label><input class="fc" id="el_dir_${esc(r['ID'])}" value="${esc(r['Direccion']||'')}"></div>
        <div class="fgg"><label>Hora Inicio</label><input class="fc" type="time" id="el_hi_${esc(r['ID'])}" value="${esc(r['Hora Inicio']||'')}"></div>
        <div class="fgg"><label>Hora Final</label><input class="fc" type="time" id="el_hf_${esc(r['ID'])}" value="${esc(r['Hora Final']||'')}"></div>
      </div>
      <button class="btn btn-pr btn-sm" onclick="guardarEditLider('${esc(r['ID'])}')"><i class="fas fa-save"></i> Guardar cambios</button>
    </div>`:''}
  </div>`,
  `<button class="btn btn-ol" onclick="closeModal()">Cerrar</button>
   <button class="btn btn-er btn-sm" onclick="printRep('${esc(id)}')"><i class="fas fa-print"></i> Imprimir</button>
   ${isPend?`<button class="btn btn-ok" onclick="closeModal();confirmarOfrendaRapido('${esc(r['ID'])}','${esc(r['Lider'])}')"><i class="fas fa-check-circle"></i> Marcar Recibida</button>`:''}
   ${permisoEditar()?`<button class="btn btn-in btn-sm" onclick="editRep('${esc(id)}')"><i class="fas fa-edit"></i> Editar Reporte</button>`:''}`
  ,'xl');
}
function toggleEditLider(id){
  const p=document.getElementById('editLiderPanel_'+id);
  const ico=document.getElementById('editLiderIco_'+id);
  if(p){const open=p.style.display==='none';p.style.display=open?'block':'none';if(ico)ico.className=open?'fas fa-chevron-up':'fas fa-chevron-down';}
}
function guardarEditLider(id){
  const r=_rep.find(x=>x['ID']===id);if(!r)return;
  const updates={...r,Anfitrion:document.getElementById('el_anf_'+id)?.value||r['Anfitrion'],Direccion:document.getElementById('el_dir_'+id)?.value||r['Direccion'],'Hora Inicio':document.getElementById('el_hi_'+id)?.value||r['Hora Inicio'],'Hora Final':document.getElementById('el_hf_'+id)?.value||r['Hora Final'],token:getToken()};
  loading(true);call('saveReporte',updates,(_,res)=>{loading(false);if(res?.ok){toast('Cambios guardados','ok');loadRep();}else toast('Error guardando','er');});
}
// ── Seguimientos dinámicos para repForm ──────────────
let _segRepCount=1;
function addSegRep(){
  if(_segRepCount>=10){toast('Máximo 10 seguimientos','wa');return;}
  _segRepCount++;
  const c=document.getElementById('segRepContainer');
  if(!c)return;
  const i=_segRepCount;
  const d=document.createElement('div');
  d.id='sri_'+i;
  d.style.cssText='background:var(--bg3);border-radius:8px;padding:10px;margin-bottom:8px;position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end';
  d.innerHTML='<button type="button" onclick="removeSegRep('+i+')" style="position:absolute;top:4px;right:6px;background:rgba(231,76,60,.1);border:none;color:var(--err);border-radius:4px;padding:2px 7px;font-size:10px;cursor:pointer;font-weight:700">✕</button>'
    +'<div style="flex:2;min-width:160px"><label style="font-size:10px;font-weight:700;color:var(--tx2);display:block;margin-bottom:3px">Nombre #'+i+'</label><input class="fc" id="rf_np'+i+'" placeholder="Nombre"></div>'
    +'<div style="flex:1;min-width:120px"><label style="font-size:10px;font-weight:700;color:var(--tx2);display:block;margin-bottom:3px">Tipo #'+i+'</label><select class="fc" id="rf_ts'+i+'" style="font-size:12px"><option value="">— Tipo —</option><option>Convertido</option><option>Reconciliación</option><option>Visita Programada</option><option>Bautizo en Agua</option><option>Sanidad</option><option>Oración</option><option>Otro</option></select></div>';
  c.appendChild(d);
  if(_segRepCount>=10)document.getElementById('segAddBtn')?.style.setProperty('display','none');
}
function removeSegRep(i){
  const d=document.getElementById('sri_'+i);
  if(d){d.remove();_segRepCount--;}
  const addBtn=document.getElementById('segAddBtn');
  if(addBtn)addBtn.style.display='';
}

function saveRepForm(id){
  const data={'ID':id||'','Datos de Lider':g('rf_lider'),'Codigo':g('rf_codigo'),'Lider':g('rf_lider'),'Sup Sector':g('rf_supSector'),'Sup Area':g('rf_supArea'),'Pastor Zona':g('rf_pastorZona'),'Fecha':g('rf_fecha'),'Anfitrion':g('rf_anfitrion'),'Direccion':g('rf_dir'),'Hora Inicio':g('rf_hInicio'),'Hora Final':g('rf_hFinal'),'Hnos':g('rf_hnos'),'Amigos':g('rf_amigos'),'Niños':g('rf_ninos'),'Asistencia Grupo Familiar':g('rf_agf'),'Ofrenda Iglesia':g('rf_ofIg'),'Ofrenda Bus':g('rf_ofBus'),'Ofrenda Total':g('rf_ofTot'),'Martes':g('rf_martes'),'Jueves':g('rf_jueves'),'Domingo':g('rf_domingo'),'Otros':g('rf_otros'),'Total':g('rf_total'),'Reporte':g('rf_metodo'),'Tipo de Reporte':g('rf_tipo')};
  // Recolectar seguimientos dinámicamente (los que estén visibles)
  const segItems=document.querySelectorAll('#segRepContainer > div');
  let idx=1;
  segItems.forEach(function(el){
    const num=parseInt(el.id.replace('sri_',''));
    const nom=document.getElementById('rf_np'+num)?.value||'';
    const tipo=document.getElementById('rf_ts'+num)?.value||'';
    if(idx===1){
      data['Nombre Persona']=nom;
      data['Tipo de Seguimiento']=tipo;
    } else {
      data['Nombre Persona '+idx]=nom;
      data['Tipo de Seguimiento '+idx]=tipo;
    }
    idx++;
  });
  // Limpiar seguimientos no usados
  for(let i=idx;i<=10;i++){
    if(i===1){if(!data['Nombre Persona']&&!data['Tipo de Seguimiento'])continue;}
    else {data['Nombre Persona '+i]='';data['Tipo de Seguimiento '+i]='';}
  }
  if(!data['Codigo']){toast('Selecciona un código de líder','wa');return;}
  if(!data['Fecha']){toast('La fecha es requerida','wa');return;}
  data.token=getToken();
  loading(true);call('saveReporte',data,(_,res)=>{loading(false);if(res?.ok){toast('Reporte guardado','ok');closeModal();loadRep();}else toast('Error: '+(res?.msg||''),'er');});
}
function delRep(id){customConfirm('¿Estás seguro de eliminar este reporte? Esta acción no se puede deshacer.',function(ok){if(ok){loading(true);call('deleteReporte',{id},(_,res)=>{loading(false);if(res?.ok){toast('Eliminado','ok');loadRep();}else toast('Error al eliminar','er');});}},{icon:'fa-trash-alt',color:'#e74c3c',danger:true});}
function printRep(id){
  const r=_rep.find(x=>x['ID']===id);if(!r)return;
  const isPend=r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']==='';
  var reunionTipo=r['Tipo de Reporte']||'';
  if(reunionTipo==='Reporte Digital'||reunionTipo==='Reporte Físico')reunionTipo='Mixta (Reunión Regular)';
  const h=`<!DOCTYPE html><html><head><meta charset="UTF-8"><style>body{font-family:Arial;padding:18px;font-size:11px}.hdr{background:#1a3a5c;color:#fff;padding:12px;border-radius:6px;margin-bottom:14px}.r{display:grid;grid-template-columns:1fr 1fr;gap:9px}.f{background:#f5f5f5;padding:8px;border-radius:6px}.lbl{font-size:9px;font-weight:800;color:#888;text-transform:uppercase}.val{font-size:12px;font-weight:700;margin-top:2px}.pend{background:#fff5f5!important;border-left:3px solid #e74c3c}.val-pend{color:#c0392b}@page{margin:8mm}</style></head><body>
  <div class="hdr"><b>⛪ ${esc(APP.config.nombre||'Iglesia Restauración')}</b> &nbsp;|&nbsp; ${fmtD(r['Fecha'])} · Código: ${r['Codigo']}</div>
  <div class="r">${[['Líder',r['Lider'],''],['Sup. Sector',r['Sup Sector'],''],['Anfitrión',r['Anfitrion'],''],['Fecha',fmtD(r['Fecha']),''],['Hora',r['Hora Inicio']+' – '+r['Hora Final'],''],['AGF',r['Asistencia Grupo Familiar'],''],['H/Am/N',r['Hnos']+'/'+r['Amigos']+'/'+r['Niños'],''],['Total Cultos',r['Total'],''],['M/J/D/Otros',r['Martes']+'/'+r['Jueves']+'/'+r['Domingo']+'/'+r['Otros'],''],['Ofr.Iglesia','Q '+r['Ofrenda Iglesia'],''],['Ofr.Bus','Q '+r['Ofrenda Bus'],''],['Ofr.Total','Q '+r['Ofrenda Total'],''],['Seg.1',(r['Nombre Persona']||''),''],['Seg.2',(r['Nombre Persona 2']||''),''],['Seg.3',(r['Nombre Persona 3']||''),''],['Seg.4',(r['Nombre Persona 4']||''),''],['Seg.5',(r['Nombre Persona 5']||''),''],['Seg.6',(r['Nombre Persona 6']||''),''],['Seg.7',(r['Nombre Persona 7']||''),''],['Seg.8',(r['Nombre Persona 8']||''),''],['Seg.9',(r['Nombre Persona 9']||''),''],['Seg.10',(r['Nombre Persona 10']||''),''],['Reporte',r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':r['Tipo de Reporte']==='Reporte Físico'?'Físico':''),''],['Tipo Reunión',reunionTipo,''],['Ofrenda Recibida',isPend?'⚠ PENDIENTE':r['Ofrenda Recibida'],isPend?'pend':'']].map(([k,v,cl])=>`<div class="f ${cl}"><div class="lbl">${k}</div><div class="val${cl?'-pend':''}">${esc(v)||'—'}</div></div>`).join('')}</div>
  </body></html>`;
  const w=abrirVentanaImpresion(h);
}
function imprimirReportes(){loading(true);call('generarReporte',{desde:g('rD'),hasta:g('rH'),lider:g('rL')},(_,res)=>{loading(false);if(!res?.ok){toast('Error','er');return;}abrirVentanaImpresion(res.html);if(res.pdfUrl)toast('PDF guardado en Drive','ok',4000);});}

// Función central de impresión — compatible web y ejecutable
function abrirVentanaImpresion(html){
  // Inyectar script de impresión robusto que no cierra la ventana prematuramente
  const printScript='<scr'+'ipt>window.addEventListener(\'load\',function(){setTimeout(function(){try{window.print();}catch(e){}},600);});<'+'/scr'+'ipt>';
  const htmlConPrint=html.replace('</body>',printScript+'</body>');
  const w=window.open('','_blank','width=1200,height=800,scrollbars=yes,resizable=yes');
  if(!w){
    // Fallback: blob URL para ejecutable/entornos sin popups
    try{
      const blob=new Blob([htmlConPrint],{type:'text/html;charset=utf-8'});
      const url=URL.createObjectURL(blob);
      window.open(url,'_blank');
    }catch(e){toast('Habilita ventanas emergentes para imprimir','wa',6000);}
    return;
  }
  w.document.open();w.document.write(htmlConPrint);w.document.close();
}

// ══════════════════════════════════════════════════════════
// REPORTE DIGITAL
// ══════════════════════════════════════════════════════════
function renderReporteDigital(el){
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-mobile-alt"></i> Reporte Digital</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newReporte()"><i class="fas fa-plus"></i> Nuevo Reporte</button></div></div>
  <div class="card" style="background:linear-gradient(135deg,var(--pr) 0%,var(--pr2) 100%);color:#fff;margin-bottom:14px">
    <div style="display:flex;align-items:center;gap:14px;flex-wrap:wrap">
      <div style="font-size:32px">📱</div>
      <div style="flex:1;min-width:200px">
        <h3 style="font-size:15px;font-weight:900;margin-bottom:4px">Link del Formulario Digital</h3>
        <p style="opacity:.85;font-size:12px;margin-bottom:10px">Comparte este enlace con tus líderes para que llenen el reporte desde su celular. Los datos llegan directamente al sistema marcados como <b>⚠ Pendiente</b> hasta que confirmes la ofrenda.</p>
        <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
          <div style="background:rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;font-size:11px;font-family:monospace;flex:1;word-break:break-all" id="rdUrlDisp">${APP.formUrlPublic||'Cargando...'}</div>
          <button class="btn btn-sm" style="background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4)" onclick="copiarUrl()"><i class="fas fa-copy"></i> Copiar</button>
          <a href="${APP.formUrlPublic||'#'}" target="_blank" class="btn btn-sm" style="background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4)" id="rdAbrirBtn"><i class="fas fa-external-link-alt"></i> Abrir</a>
        </div>
      </div>
    </div>
  </div>
  <div class="card"><div class="ct"><i class="fas fa-list"></i> Reportes Digitales (últimos 20)</div><div id="rdList"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i></div></div></div>`;
  call('getFormUrl',{},(_, res)=>{if(res?.ok){APP.formUrlPublic=res.url;const d=document.getElementById('rdUrlDisp');if(d)d.textContent=res.url;const a=document.getElementById('rdAbrirBtn');if(a)a.href=res.url;}});
  call('getReportes',{},(_, d)=>{
    const el2=document.getElementById('rdList');if(!el2)return;
    const data=(Array.isArray(d)?d:[]).filter(function(r){return (r['Reporte']||(r['Tipo de Reporte']==='Reporte Digital'?'Digital':''))==='Digital';}).slice(-20).reverse();
    if(!data.length){el2.innerHTML=`<div class="empty-r"><i class="fas fa-mobile-alt"></i><p>Sin reportes digitales aún</p></div>`;return;}
    el2.innerHTML=`<div style="overflow-x:auto"><table style="min-width:1100px;width:100%"><thead><tr><th>Fecha</th><th>Código</th><th>Líder</th><th>AGF</th><th>Ofr.Total</th><th>Ofrenda Recibida</th><th>Acción</th></tr></thead><tbody>${data.map(r=>{const isPend=r['Ofrenda Recibida']==='Pendiente'||r['Ofrenda Recibida']==='';return `<tr style="${isPend?'background:#fff5f5':''}"><td>${fmtD(r['Fecha'])}</td><td><span class="bdg bb">${esc(r['Codigo'])}</span></td><td><b>${esc(r['Lider'])}</b></td><td>${r['Asistencia Grupo Familiar']||0}</td><td>${r['Ofrenda Total']||''}</td><td>${isPend?'<span class="bdg br">⚠ Pendiente</span>':`<span class="bdg bg">✓ Recibida</span>`}</td><td>${isPend?`<button class="btn btn-ok btn-sm" onclick="confirmarOfrendaRapido('${esc(r['ID'])}','${esc(r['Lider'])}')"><i class="fas fa-check-circle"></i> Marcar Recibida</button>`:'—'}</td></tr>`;}).join('')}</tbody></table></div>`;
  });
}

// ══════════════════════════════════════════════════════════
// FORMULARIO EXTERNO
// ══════════════════════════════════════════════════════════
function renderFormulario(el){
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-clipboard-list"></i> Formulario Externo</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="copiarUrl()"><i class="fas fa-copy"></i> Copiar Link</button><a href="${APP.formUrlPublic||'#'}" target="_blank" class="btn btn-ol btn-sm"><i class="fas fa-external-link-alt"></i> Nueva pestaña</a></div></div>
  <div class="card" style="padding:0;overflow:hidden"><div id="formEmbed"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i><p>Cargando formulario...</p></div></div></div>`;
  call('getFormHtml',{},function(_,res){
    var cont=document.getElementById('formEmbed');if(!cont)return;
    if(!res||!res.ok){cont.innerHTML='<div class="empty-r"><i class="fas fa-times-circle"></i><p>Error al cargar: '+(res&&res.msg||'')+'</p></div>';return;}
    var ifr=document.createElement('iframe');ifr.style='width:100%;height:calc(100vh - 200px);min-height:500px;border:none;border-radius:8px';
    cont.innerHTML='';cont.appendChild(ifr);
    ifr.contentDocument.open();ifr.contentDocument.write(res.html);ifr.contentDocument.close();
  });
}

// ══════════════════════════════════════════════════════════
// GENERADOR DE REPORTES
// ══════════════════════════════════════════════════════════
let _genData=null;
function renderGenerador(el){
  const supSects=[...new Set(APP.hermanos.map(h=>h['Sup SectorL']).filter(Boolean))].sort();
  const supAreas=[...new Set(APP.hermanos.map(h=>h['Sup AreaL']).filter(Boolean))].sort();
  var dists=[...new Set(APP.hermanos.map(function(h){return h['Distrito']}).filter(Boolean))].sort();
  var zonas=[...new Set(APP.hermanos.map(function(h){return h['Zona']}).filter(Boolean))].sort();
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-file-invoice"></i> Generador de Reportes e Informe Exprés</h2></div>
  <div style="display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start">
    <div style="display:flex;flex-direction:column;gap:14px">
      <div class="card">
        <div class="ct"><i class="fas fa-sliders-h"></i> Configuración del Reporte</div>
        <div style="display:flex;flex-direction:column;gap:10px">
          <div class="fgg"><label>Desde <span class="req">*</span></label><input class="fc" type="date" id="gD" value="${fom()}"></div>
          <div class="fgg"><label>Hasta <span class="req">*</span></label><input class="fc" type="date" id="gH" value="${today()}"></div>
          <div class="fgg"><label>Filtrar por Líder</label><select class="fc" id="gL"><option value="">Todos los líderes</option>${[...new Set(APP.hermanos.map(h=>h['NombreL']).filter(Boolean))].sort().map(n=>`<option>${n}</option>`).join('')}</select></div>
          <div class="fgg"><label>Filtrar por Distrito</label><select class="fc" id="gDist"><option value="">Todos los distritos</option>${dists.map(function(d){return '<option value="'+d+'">D'+d+'</option>';}).join('')}</select></div>
          <div class="fgg"><label>Filtrar por Zona</label><select class="fc" id="gZona"><option value="">Todas las zonas</option>${zonas.map(function(z){return '<option value="'+z+'">Z'+z+'</option>';}).join('')}</select></div>
          <div class="fgg"><label>Filtrar por Sup. Sector</label><select class="fc" id="gSS"><option value="">Todos los sectores</option>${supSects.map(s=>`<option>${s}</option>`).join('')}</select></div>
          <div class="fgg"><label>Filtrar por Ayuda de Pastor</label><select class="fc" id="gSA"><option value="">Todas las áreas</option>${supAreas.map(s=>`<option>${s}</option>`).join('')}</select></div>
          <div class="fgg"><label>Título del Reporte</label><input class="fc" id="gTit" value="Reporte Mensual"></div>
          <button class="btn btn-pr" onclick="genReporte()"><i class="fas fa-cogs"></i> Generar Reporte General</button>
          <button class="btn btn-ac" onclick="cargarCuadreExpresDistrital()" style="margin-top:4px; background:#7d3c98; color:white;"><i class="fas fa-calculator"></i> Ver Reporte Exprés de Cuadre</button>
        </div>
      </div>
      <div class="card">
        <div class="ct"><i class="fas fa-folder-open"></i> Repositorio de Reportes</div>
        <div style="display:flex;gap:6px;margin-bottom:8px;align-items:center">
          <input type="date" id="repoFiltroFecha" style="flex:1;padding:4px 6px;border:1px solid #d0d8e8;border-radius:4px;font-size:11px" onchange="loadRepo()">
          <button id="repoSortBtn" style="padding:4px 8px;border:1px solid #d0d8e8;border-radius:4px;background:#f7fafc;cursor:pointer;font-size:10px" onclick="toggleRepoSort()" title="Ordenar ascendente/descendente"><i class="fas fa-sort-amount-down"></i> Desc</button>
          <button style="padding:4px 8px;border:1px solid #d0d8e8;border-radius:4px;background:#f7fafc;cursor:pointer;font-size:10px" onclick="document.getElementById('repoFiltroFecha').value='';loadRepo()"><i class="fas fa-times"></i></button>
        </div><div id="genRepo"><div class="empty-r" style="padding:12px"><i class="fas fa-circle-notch fa-spin"></i></div></div>
      </div>
    </div>
    <div class="card" style="position:sticky;top:14px">
      <div class="ct" style="display:flex;justify-content:space-between;align-items:center">
        <span><i class="fas fa-eye"></i> Panel de Previsualización y Control Contable</span>
      </div>
      <div id="genPreview" style="min-height:320px; padding:10px;">
        <div style="text-align:center; color:var(--tx3); padding-top:60px;"><i class="fas fa-file-invoice" style="font-size:44px;margin-bottom:12px;display:block;opacity:.3"></i><p style="font-weight:700">Configure los filtros o presione "Ver Reporte Exprés de Cuadre"</p></div>
      </div>
    </div>
  </div>`;
  loadRepo();
}

// ── CARGA EL REPOSITORIO DE REPORTES GENERADOS ────────────────
function toggleRepoSort(){
  window._repoAsc=!window._repoAsc;
  var btn=document.getElementById('repoSortBtn');
  if(btn)btn.innerHTML=(window._repoAsc?'<i class="fas fa-sort-amount-down-alt"></i> Asc':'<i class="fas fa-sort-amount-down"></i> Desc');
  loadRepo();
}
function loadRepo(){
  var el2=document.getElementById('genRepo');
  if(!el2) return;
  call('getGeneradores',{},function(_,d){
    var data=Array.isArray(d)?d:[];
    if(!data.length){el2.innerHTML='<div class="empty-r" style="padding:14px"><i class="fas fa-folder-open"></i><p>Sin reportes generados</p></div>';return;}
    // Ordenar por No Serie descendente (ultimo creado primero)
    window._repoAsc=window._repoAsc||false;
    data.sort(function(a,b){var va=a['No Serie']||'',vb=b['No Serie']||'';return window._repoAsc?va.localeCompare(vb):vb.localeCompare(va);});
    // Aplicar filtro por fecha exacta
    var ff=document.getElementById('repoFiltroFecha');
    if(ff&&ff.value) data=data.filter(function(r){return r['Fecha Inicio']===ff.value||r['Fecha Fin']===ff.value;});
    if(!data.length){el2.innerHTML='<div class="empty-r" style="padding:14px"><i class="fas fa-filter"></i><p>Sin reportes para los filtros seleccionados</p></div>';return;}
    el2.style.maxHeight='calc(100vh - 420px)';el2.style.overflowY='auto';
    el2.innerHTML=data.map(function(r){
      var hasPdf=r['Archivo Generado']&&(r['Archivo Generado'].startsWith('http')||r['Archivo Generado'].includes('drive'));
      var id='ri_'+String(r['No Serie']||'').replace(/[^A-Z0-9]/gi,'');
      var sid=esc(r['No Serie']);var sdesde=esc(r['Fecha Inicio']);var shasta=esc(r['Fecha Fin']);
      var slid=esc(r['Filtro Lider']||'');var ssec=esc(r['Filtro Sup Sector']||'');var sarea=esc(r['Filtro Sup Area']||'');
      var stitu=esc(r['Titulo de Reporte']);var spdf=hasPdf?esc(r['Archivo Generado']):'';
      return '<div class="ri" id="'+id+'" style="cursor:pointer;padding:8px;border-radius:8px" data-serie="'+sid+'" data-desde="'+sdesde+'" data-hasta="'+shasta+'" data-lider="'+slid+'" data-supsec="'+ssec+'" data-suparea="'+sarea+'" data-titulo="'+stitu+'" data-pdf="'+spdf+'" onclick="clickRepo(this)">'
        +'<div class="rdot" style="background:'+(hasPdf?'var(--ok)':'var(--pr2)')+'"></div>'
        +'<div class="rinfo">'
        +'<div class="rn"><b>'+esc(r['No Serie'])+'</b>'+(hasPdf?' <span style="font-size:10px;color:var(--ok)">\u2713 PDF</span>':'')+'</div>'
        +'<div class="rm">'+esc(r['Titulo de Reporte'])+' \u00b7 '+fmtD(r['Fecha Inicio'])+' \u2192 '+fmtD(r['Fecha Fin'])+'</div>'
        +'</div>'
        +'<div style="display:flex;gap:4px">'
        +(hasPdf?'<a href="'+esc(r['Archivo Generado'])+'" target="_blank" class="ab-btn" style="background:rgba(39,174,96,.1);color:var(--ok);font-size:10px;padding:4px 7px" onclick="event.stopPropagation()"><i class="fas fa-external-link-alt"></i></a>':'')
        +'<button class="ab-btn ab-pr" style="font-size:10px;padding:4px 7px" onclick="event.stopPropagation();clickRepoPrint(this)"><i class="fas fa-print"></i></button>'
        +'</div>'
        +'</div>';
    }).join('');
  });
}

function clickRepo(el){
  previewRepoItem(el.dataset.serie,el.dataset.desde,el.dataset.hasta,el.dataset.lider,el.dataset.supsec,el.dataset.suparea,el.dataset.titulo,el.dataset.pdf);
}
function clickRepoPrint(el){
  var p=el.parentElement.parentElement;
  regenImprimir(p.dataset.desde,p.dataset.hasta,p.dataset.lider,p.dataset.titulo);
}
function previewRepoItem(serie,desde,hasta,lider,supSector,supArea,titulo,pdfUrl){
  var prev=document.getElementById('genPreview');if(!prev)return;
  var acts=document.getElementById('genPrevActions');

  // Si ya existe PDF guardado: mostrarlo directamente sin generar nada nuevo
  if(pdfUrl&&pdfUrl.length>10){
    if(acts)acts.innerHTML=
      '<a href="'+pdfUrl+'" target="_blank" class="btn btn-ok btn-sm"><i class="fas fa-external-link-alt"></i> Ver PDF en Drive</a>';
    var viewUrl=pdfUrl;
    if(pdfUrl.includes('drive.google.com/file/d/')){
      var fileId=pdfUrl.match(/\/d\/([a-zA-Z0-9_-]+)/);
      if(fileId)viewUrl='https://drive.google.com/file/d/'+fileId[1]+'/preview';
    } else if(pdfUrl.includes('id=')){
      var idMatch=pdfUrl.match(/id=([a-zA-Z0-9_-]+)/);
      if(idMatch)viewUrl='https://drive.google.com/file/d/'+idMatch[1]+'/preview';
    }
    prev.innerHTML='<iframe src="'+viewUrl+'" style="width:100%;height:560px;border:none;border-radius:8px" allowfullscreen></iframe>';
    toast('PDF de '+serie,'in');
    return;
  }

  // Sin PDF guardado: generar preview HTML (sin crear archivo ni registro)
  prev.innerHTML='<div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i><p>Generando vista previa...</p></div>';
    if(acts)acts.innerHTML='<button class="btn btn-er btn-sm" onclick="imprimirGen()"><i class="fas fa-print"></i> Imprimir</button>';
  call('generarReporte',{desde:desde,hasta:hasta,lider:lider,supSector:supSector,supArea:supArea,pastorZona:g('gPZ')||'',tipo:titulo,_noGuardar:true},function(_,res){
    if(!res||!res.ok){prev.innerHTML='<div class="empty-r"><i class="fas fa-times-circle"></i><p>Error cargando vista previa</p></div>';return;}
    _lastGenHtml=res.html;_lastGenSerie=serie;
    var ifr=document.createElement('iframe');ifr.style='width:100%;height:560px;border:none;border-radius:8px';
    prev.innerHTML='';prev.appendChild(ifr);
    ifr.contentDocument.open();ifr.contentDocument.write(res.html);ifr.contentDocument.close();
    toast('Vista previa de '+serie,'in');
  });
}

// ── VISTA EXPRÉS DE CUADRE (Modal con checkboxes multi-select) ───────────
function cargarCuadreExpresDistrital(){
  var distritos = [...new Set(APP.hermanos.map(function(h){return h["Distrito"]}).filter(Boolean))].sort();
  var zonas = [...new Set(APP.hermanos.map(function(h){return h["Zona"]}).filter(Boolean))].sort();
  if(!distritos.length){toast('No hay hermanos cargados','wa');return;}
  var hoy = new Date();
  var diaSem = hoy.getDay();
  var diffLun = hoy.getDate() - diaSem + (diaSem === 0 ? -6 : 1);
  var lun = new Date(hoy); lun.setDate(diffLun);
  var dom = new Date(lun); dom.setDate(lun.getDate() + 6);
  var fDesde = lun.toISOString().split('T')[0];
  var fHasta = dom.toISOString().split('T')[0];
  
  var checkDist = distritos.map(function(d){
    return '<label style="display:inline-flex;align-items:center;gap:4px;padding:3px 7px;background:var(--bg3);border-radius:5px;cursor:pointer;font-size:12px"><input type="checkbox" class="cdDist" value="'+esc(d)+'" checked> '+esc(d)+'</label>';
  }).join('');
  var checkZonas = zonas.map(function(z){
    return '<label style="display:inline-flex;align-items:center;gap:4px;padding:3px 7px;background:var(--bg3);border-radius:5px;cursor:pointer;font-size:12px"><input type="checkbox" class="cdZona" value="'+esc(z)+'" checked> '+esc(z)+'</label>';
  }).join('');
  
  openModal('📊 Reporte Exprés de Cuadre Dominical',
    '<div style="max-height:75vh;overflow-y:auto">'
    +'<div style="margin-bottom:12px;background:rgba(125,60,152,.06);border-left:4px solid #7d3c98;padding:12px;border-radius:8px">'
    +'<div style="font-size:13px;font-weight:900;color:#7d3c98;margin-bottom:4px"><i class="fas fa-calendar-week"></i> Ciclo Semanal Actual</div>'
    +'<div style="font-size:12px;color:var(--tx2)">'+fmtD(fDesde)+' → '+fmtD(fHasta)+' (Lun-Dom)</div>'
    +'<div style="font-size:10px;color:var(--tx3);margin-top:4px">⏰ Cierre semanal: Domingo 11:59 PM · Esta vista es informativa para cuadre de ofrendas, no genera PDF.</div>'
    +'</div>'
    +'<div style="margin-bottom:10px"><label style="font-size:12px;font-weight:800;color:var(--pr);display:block;margin-bottom:6px">🏛 Distrito(s)</label>'
    +'<div style="display:flex;flex-wrap:wrap;gap:5px">'+checkDist+'</div></div>'
    +'<div style="margin-bottom:14px"><label style="font-size:12px;font-weight:800;color:var(--pr);display:block;margin-bottom:6px">📍 Zona(s)</label>'
    +'<div style="display:flex;flex-wrap:wrap;gap:5px">'+checkZonas+'</div></div>'
    +'<div id="cuadreExpresResult" style="margin-top:10px">'
    +'<div style="text-align:center;padding:30px;color:var(--tx3)"><i class="fas fa-arrow-up" style="font-size:24px;display:block;margin-bottom:8px"></i><p>Selecciona distrito(s) y zona(s), luego presiona Calcular</p></div>'
    +'</div></div>',
    '<button class="btn btn-ol" onclick="closeModal()">Cerrar</button>'
    +'<button class="btn btn-pr" onclick="ejecutarCuadreExpres()"><i class="fas fa-calculator"></i> Calcular Cuadre</button>'
  ,'xl');
}

function ejecutarCuadreExpres(){
  var distritos = [];
  var zonas = [];
  document.querySelectorAll('.cdDist:checked').forEach(function(el){distritos.push(el.value);});
  document.querySelectorAll('.cdZona:checked').forEach(function(el){zonas.push(el.value);});
  if(!distritos.length && !zonas.length){toast('Selecciona al menos un distrito o zona','wa');return;}
  var res = document.getElementById('cuadreExpresResult');
  if(!res) return;
  res.innerHTML = '<div style="text-align:center;padding:24px"><i class="fas fa-sync fa-spin fa-2x"></i><p style="margin-top:10px">Calculando...</p></div>';
  var hoy = new Date();
  var diaSem = hoy.getDay();
  var diffLun = hoy.getDate() - diaSem + (diaSem === 0 ? -6 : 1);
  var lun = new Date(hoy); lun.setDate(diffLun);
  var dom = new Date(lun); dom.setDate(lun.getDate() + 6);
  var fDesde = lun.toISOString().split('T')[0];
  var fHasta = dom.toISOString().split('T')[0];
  
  var payload = {desde:fDesde, hasta:fHasta};
  if(distritos.length === 1) payload.distrito = distritos[0];
  else if(distritos.length > 1) payload.distritos = distritos;
  if(zonas.length === 1) payload.zona = zonas[0];
  else if(zonas.length > 1) payload.zonas = zonas;
  
  call('obtenerVistazoDistritalDominical', payload, function(err, resData){
    if(err || !resData || !resData.ok){
      res.innerHTML = '<div style="padding:20px;color:var(--err);text-align:center"><i class="fas fa-exclamation-triangle"></i> No se pudo procesar. Error: '+(err?.message||resData?.msg||'desconocido')+'</div>';
      return;
    }
    var rows = resData.data || [];
    if(!rows.length){
      res.innerHTML = '<div style="padding:24px;text-align:center;color:var(--tx3)"><i class="fas fa-inbox fa-2x" style="display:block;margin-bottom:8px"></i><p>Sin datos para el período seleccionado</p></div>';
      return;
    }
    var tRptes=0, tDig=0, tDigOk=0, tDigPend=0, tSobres=0, tMDig=0, tMOfrenda=0, tMPend=0, tMFis=0;
    rows.forEach(function(r){
      tRptes+=Number(r.reportes||0); tDig+=Number(r.digitales||0);
      tDigOk+=Number(r.digitalConOfrenda||0); tDigPend+=Number(r.digitalSinOfrenda||0);
      tSobres+=Number(r.sobres||0); tMDig+=Number(r.montoDigital||0);
      tMOfrenda+=Number(r.montoConOfrenda||0); tMPend+=Number(r.montoSinOfrenda||0);
      tMFis+=Number(r.montoFisico||0);
    });
    var totalGen = tMOfrenda + tMFis;
    
    var tableRows = rows.map(function(r){
      var pend = Number(r.pendientes||0);
      var estilo = pend > 0 ? 'background:#fff5f5;' : '';
      var totalRow = Number(r.montoConOfrenda||0) + Number(r.montoFisico||0);
      return '<tr style="'+estilo+'font-size:11px">'
        +'<td style="padding:6px 8px;font-weight:700">'+esc(r.distrito||'—')+'</td>'
        +'<td style="padding:6px 8px">'+esc(r.zona||'—')+'</td>'
        +'<td style="padding:6px 8px;text-align:center">'+r.reportes+'</td>'
        +'<td style="padding:6px 8px;text-align:center">'+r.digitales+'</td>'
        +'<td style="padding:6px 8px;text-align:center;color:var(--ok);font-weight:700">'+r.digitalConOfrenda+'</td>'
        +'<td style="padding:6px 8px;text-align:right">Q '+Number(r.montoConOfrenda||0).toFixed(2)+'</td>'
        +'<td style="padding:6px 8px;text-align:center;color:var(--err);font-weight:'+(Number(r.digitalSinOfrenda||0)>0?'700':'400')+'">'+(r.digitalSinOfrenda||'0')+'</td>'
        +'<td style="padding:6px 8px;text-align:right;color:var(--err)">Q '+Number(r.montoSinOfrenda||0).toFixed(2)+'</td>'
        +'<td style="padding:6px 8px;text-align:center">'+r.sobres+'</td>'
        +'<td style="padding:6px 8px;text-align:right">Q '+Number(r.montoFisico||0).toFixed(2)+'</td>'
        +'<td style="padding:6px 8px;text-align:right;font-weight:900">Q '+totalRow.toFixed(2)+'</td>'
        +'<td style="padding:6px 8px;text-align:center">'+(pend>0?'<span style="color:var(--err);font-weight:700">⚠ '+pend+'</span>':'<span style="color:var(--ok)">✓</span>')+'</td>'
        +'</tr>';
    }).join('');
    
    res.innerHTML = '<div style="margin-top:8px">'
      +'<div style="background:#1a3a5c;color:#fff;padding:10px 14px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center">'
      +'<div><i class="fas fa-money-check-alt"></i> <b>Cuadre de Ofrendas vs Reportes</b></div>'
      +'<div style="font-size:11px;opacity:.8">'+fmtD(fDesde)+' → '+fmtD(fHasta)+'</div></div>'
      +'<div style="display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d0d8e8">'
      +[['Total Rptes',tRptes,'#1a3a5c'],['Digitales',tDig,'#2563a8'],['Con Ofrenda ✓',tDigOk,'var(--ok)'],['Sin Ofrenda ⚠',tDigPend,'var(--err)'],['Recibido Q','Q '+totalGen.toFixed(2),'#c87f00']]
        .map(function(k){return '<div style="background:#fff;padding:10px;text-align:center"><div style="font-size:20px;font-weight:900;color:'+k[2]+'">'+k[1]+'</div><div style="font-size:9px;color:var(--tx2)">'+k[0]+'</div></div>';}).join('')
      +'</div>'
      +'<div class="tw" style="border:1px solid #d0d8e8;border-top:none;border-radius:0 0 8px 8px">'
      +'<table style="width:100%;border-collapse:collapse"><thead>'
      +'<tr style="background:#f0f4ff;font-size:10px"><th style="padding:6px 8px;text-align:left" rowspan="2">Dist</th><th style="padding:6px 8px;text-align:left" rowspan="2">Zona</th><th style="padding:6px 8px;text-align:center" rowspan="2">Rptes</th><th style="padding:6px 8px;text-align:center" colspan="4">Digitales</th><th style="padding:6px 8px;text-align:center" colspan="2">Físico</th><th style="padding:6px 8px;text-align:right" rowspan="2">Total Q</th><th style="padding:6px 8px;text-align:center" rowspan="2">Pend</th></tr>'
      +'<tr style="background:#f0f4ff;font-size:9px"><th style="padding:4px 6px">Enviados</th><th style="padding:4px 6px;color:var(--ok)">Con Ofrenda</th><th style="padding:4px 6px">Monto</th><th style="padding:4px 6px;color:var(--err)">Sin Ofrenda</th><th style="padding:4px 6px">Sobres</th><th style="padding:4px 6px">Monto</th></tr></thead><tbody>'
      +tableRows
      +'<tr style="background:#1a3a5c;color:#fff;font-weight:900"><td colspan="2" style="padding:8px">TOTALES</td>'
      +'<td style="padding:8px;text-align:center">'+tRptes+'</td>'
      +'<td style="padding:8px;text-align:center">'+tDig+'</td>'
      +'<td style="padding:8px;text-align:center">'+tDigOk+'</td>'
      +'<td style="padding:8px;text-align:right">Q '+tMOfrenda.toFixed(2)+'</td>'
      +'<td style="padding:8px;text-align:center;color:#ff9999">'+tDigPend+'</td>'
      +'<td style="padding:8px;text-align:right">Q '+tMPend.toFixed(2)+'</td>'
      +'<td style="padding:8px;text-align:center">'+tSobres+'</td>'
      +'<td style="padding:8px;text-align:right">Q '+tMFis.toFixed(2)+'</td>'
      +'<td style="padding:8px;text-align:right">Q '+totalGen.toFixed(2)+'</td>'
      +'<td style="padding:8px;text-align:center">'+(tDigPend>0?'⚠ '+tDigPend:'✓')+'</td></tr></tbody></table></div>'
      +'<div style="margin-top:10px;padding:8px 12px;background:#f0fff4;border-left:4px solid var(--ok);border-radius:6px;font-size:11px;color:var(--tx2)">'
      +'<b style="color:var(--ok)">✔ Cuadrado:</b> Digitales con Ofrenda + Sobres Físicos = <b>Q '+totalGen.toFixed(2)+'</b> · '
      +'<b style="color:var(--err)">✘ Pendiente:</b> Q '+tMPend.toFixed(2)+' en ofrendas digitales no recibidas físicamente aún'
      +'</div></div>';
  });
}

function guardarRepoPdf(noSerie,desde,hasta,lider,titulo,btn){
  if(btn){btn.disabled=true;btn.innerHTML='<i class="fas fa-circle-notch fa-spin"></i>';}
  loading(true);
  call('generarReporte',{desde:desde,hasta:hasta,lider:lider,supSector:supSector||'',supArea:supArea||'',pastorZona:g('gPZ')||'',tipo:titulo},function(_,res){
    loading(false);
    if(!res||!res.ok){
      if(btn){btn.disabled=false;btn.innerHTML='<i class="fas fa-cloud-upload-alt"></i>';}
      toast('Error generando: '+(res&&res.msg||''),'er');return;
    }
    if(res.pdfUrl){
      toast('PDF guardado: '+noSerie,'ok',5000);loadRepo();
      if(btn)btn.outerHTML='<a href="'+res.pdfUrl+'" target="_blank" class="ab-btn" style="font-size:10px;padding:4px 7px;background:rgba(39,174,96,.1);color:var(--ok)"><i class="fas fa-external-link-alt"></i></a>';
    } else {
      call('guardarPdfAction',{html:res.html,noSerie:res.noSerie},function(_,r2){
        if(r2&&r2.ok&&r2.pdfUrl){
          toast('PDF guardado: '+noSerie,'ok',5000);loadRepo();
          if(btn)btn.outerHTML='<a href="'+r2.pdfUrl+'" target="_blank" class="ab-btn" style="font-size:10px;padding:4px 7px;background:rgba(39,174,96,.1);color:var(--ok)"><i class="fas fa-external-link-alt"></i></a>';
        } else {
          if(btn){btn.disabled=false;btn.innerHTML='<i class="fas fa-cloud-upload-alt"></i>';}
          toast('No se pudo guardar PDF','wa',5000);
        }
      });
    }
  });
}
function regenImprimir(desde,hasta,lider,titulo){
  loading(true);call('generarReporte',{desde,hasta,lider,supSector:g('gSS')||'',supArea:g('gSA')||'',pastorZona:g('gPZ')||'',tipo:titulo,_noGuardar:true},(_,res)=>{loading(false);if(!res?.ok){toast('Error','er');return;}abrirVentanaImpresion(res.html);});
}
let _lastGenHtml='';let _lastGenSerie='';
function genReporte(){
  loading(true);
  call('generarReporte',{desde:g('gD'),hasta:g('gH'),lider:g('gL'),supSector:g('gSS'),supArea:g('gSA'),pastorZona:g('gPZ')||'',distrito:g('gDist')||'',zona:g('gZona')||'',tipo:g('gTit')},(_,res)=>{
    loading(false);
    if(!res?.ok){toast('Error: '+(res?.msg||''),'er');return;}
    _lastGenHtml=res.html;_lastGenSerie=res.noSerie;
    const prev=document.getElementById('genPreview');if(!prev)return;
    const ifr=document.createElement('iframe');
    ifr.style='width:100%;height:450px;border:none;border-radius:8px';
    prev.innerHTML='';prev.appendChild(ifr);
    ifr.contentDocument.open();ifr.contentDocument.write(res.html);ifr.contentDocument.close();
    // Barra de acciones
    const bar=document.createElement('div');
    bar.style='display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center;padding:10px;background:var(--bg3);border-radius:8px';
    if(res.pdfUrl){
      bar.innerHTML='<span style="color:var(--ok);font-weight:700;font-size:13px"><i class="fas fa-check-circle"></i> PDF guardado: <b>'+esc(res.noSerie)+'.pdf</b></span>'
        +'<a href="'+res.pdfUrl+'" target="_blank" class="btn btn-ok btn-sm"><i class="fas fa-external-link-alt"></i> Ver en Drive</a>'
        +'<button class="btn btn-er btn-sm" onclick="imprimirGen()"><i class="fas fa-print"></i> Imprimir</button>';
    } else {
      bar.innerHTML='<button class="btn btn-er" onclick="imprimirGen()"><i class="fas fa-print"></i> Imprimir / Ver PDF</button>'
        +'<button class="btn btn-in btn-sm" onclick="dlExcelGen()"><i class="fas fa-file-excel"></i> Excel</button>';
    }
    prev.appendChild(bar);
    loadRepo();
    toast('Reporte generado — '+res.noSerie,'ok');
  });
}
function guardarEnDrive(btn){
  if(!_lastGenHtml||!_lastGenSerie){toast('Genera un reporte primero','wa');return;}
  if(btn){btn.disabled=true;btn.innerHTML='<i class="fas fa-circle-notch fa-spin"></i> Guardando...';}
  loading(true);
  call('guardarPdfAction',{html:_lastGenHtml,noSerie:_lastGenSerie},(_,res)=>{
    loading(false);
    if(btn)btn.disabled=false;
    if(res&&res.ok&&res.pdfUrl){
      if(btn)btn.outerHTML='<a href="'+res.pdfUrl+'" target="_blank" class="btn btn-ok btn-sm"><i class="fas fa-check-circle"></i> PDF en Drive</a>';
      toast('PDF guardado correctamente','ok',5000);
      loadRepo();
    } else {
      if(btn)btn.innerHTML='<i class="fas fa-cloud-upload-alt"></i> Reintentar';
      toast('Error: '+(res&&res.msg?res.msg:'Drive no configurado'),'er',7000);
    }
  });
}
function dlExcelGen(){loading(true);call('getReportes',{desde:g('gD'),hasta:g('gH'),lider:g('gL'),supSector:g('gSS'),supArea:g('gSA')},(_,d)=>{loading(false);exportXLS(Array.isArray(d)?d:[],'Reportes','reporte_'+today());});}
function imprimirGen(){
  if(_lastGenHtml){abrirVentanaImpresion(_lastGenHtml);return;}
  loading(true);
  call('generarReporte',{desde:g('gD'),hasta:g('gH'),lider:g('gL'),supSector:g('gSS'),supArea:g('gSA'),pastorZona:g('gPZ')||'',tipo:g('gTit'),_noGuardar:true},(_,res)=>{
    loading(false);if(!res?.ok){toast('Error','er');return;}
    _lastGenHtml=res.html;_lastGenSerie=res.noSerie;
    abrirVentanaImpresion(res.html);
  });
}

// === HERMANOS LIDERES v6 ===
var _herm=[];
function renderHermanos(el){
  el.innerHTML = `<div class="mod-hdr">
    <h2><i class="fas fa-user-tie"></i> Hermanos Lideres</h2>
    <div class="mod-acts">
      <button class="btn btn-ok btn-sm" onclick="newHerm()"><i class="fas fa-plus"></i> Nuevo</button>
      <button class="btn btn-in btn-sm" onclick="exportXLS(_herm,'Hermanos','hermanos')"><i class="fas fa-file-excel"></i> Excel</button>
    </div>
  </div>
  <div style="background:rgba(26,58,92,.07);border:1px solid var(--brd);border-radius:8px;padding:10px 14px;margin-bottom:10px;font-size:12px">Codigo: D<b>n</b>Z<b>n</b>A<b>L</b>S<b>n</b>G<b>n</b> Ej:<b>11A11</b></div>
  <div class="card">
    <div class="fr">
      <div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar lider..." oninput="filterHerm(this.value)"></div>
      <select class="fsl" id="hFD" onchange="filterHermTable()"><option value="">Distrito: Todos</option></select>
      <select class="fsl" id="hFZ" onchange="filterHermTable()"><option value="">Zona: Todas</option></select>
    </div>
    <div class="tw">
      <table>
        <thead><tr><th>Codigo</th><th>Nombre</th><th>D</th><th>Z</th><th>A</th><th>S</th><th>G</th><th>Sup Sector</th><th>Pastor Zona</th><th></th></tr></thead>
        <tbody id="hermTb"></tbody>
      </table>
    </div>
  </div>`;
  loadHerm();
}
var _hermQ='';
function loadHerm(){call('getHermanos',{},function(_,d){_herm=Array.isArray(d)?d:[];APP.hermanos=_herm;var ds=[...new Set(_herm.map(function(h){return h['Distrito'];}).filter(Boolean))].sort();var zs=[...new Set(_herm.map(function(h){return h['Zona'];}).filter(Boolean))].sort();var dsel=document.getElementById('hFD'),zsel=document.getElementById('hFZ');if(dsel)dsel.innerHTML='<option value="">Distrito: Todos</option>'+ds.map(function(d){return '<option value="'+d+'">D'+d+'</option>';}).join('');if(zsel)zsel.innerHTML='<option value="">Zona: Todas</option>'+zs.map(function(z){return '<option value="'+z+'">Z'+z+'</option>';}).join('');renderHermTb(_herm);});}
function filterHerm(q){_hermQ=q||'';filterHermTable();}
function filterHermTable(){var q=_hermQ.toLowerCase(),dist=(document.getElementById('hFD')||{}).value||'',zona=(document.getElementById('hFZ')||{}).value||'';renderHermTb(_herm.filter(function(h){if(dist&&h['Distrito']!==dist)return false;if(zona&&h['Zona']!==zona)return false;if(q&&!JSON.stringify(h).toLowerCase().includes(q))return false;return true;}));}
function renderHermTb(d){var tb=document.getElementById('hermTb');if(!tb)return;if(!d.length){tb.innerHTML='<tr><td colspan="10"><div class="empty-r"><p>Sin lideres</p></div></td></tr>';return;}tb.innerHTML=d.map(function(h){return '<tr><td><b style="font-family:monospace">'+esc(h['CodigoL'])+'</b></td><td><b>'+esc(h['NombreL'])+'</b></td><td>'+esc(h['Distrito']||'')+'</td><td>'+esc(h['Zona']||'')+'</td><td>'+esc(h['Area']||'')+'</td><td>'+esc(h['Sector']||'')+'</td><td>'+esc(h['Grupo']||'')+'</td><td style="font-size:11px">'+esc(h['Sup SectorL']||'-')+'</td><td style="font-size:11px;color:var(--pr2);font-weight:700">'+esc(h['Pastor Zona']||'-')+'</td><td><div class="ab"><button class="ab-btn ab-ed" onclick="editHerm(\''+esc(h['ID'])+'\')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delHerm(\''+esc(h['ID'])+'\')"><i class="fas fa-trash"></i></button></div></td></tr>';}).join('');}
function hermForm(h){h=h||{};var svs=[];var pas=[];var aas=[];try{svs=JSON.parse(localStorage.getItem('_svs_c')||'[]');}catch(ex){}try{pas=JSON.parse(localStorage.getItem('_pas_c')||'[]');}catch(ex){}try{aas=JSON.parse(localStorage.getItem('_aas_c')||'[]');}catch(ex){}return '<div class="fg2"><div class="full"><div class="sect-title">Jerarquia D(n)Z(n)A(L)S(n)G(n) Ej:11A11</div></div><div style="display:grid;grid-template-columns:repeat(5,1fr);gap:8px;grid-column:1/-1"><div><label style="font-size:10px;font-weight:800;color:var(--pr)">DIST*</label><input class="fc" type="number" min="1" id="hf_dist" value="'+esc(h['Distrito']||'')+'" oninput="previewCodigo()" style="text-align:center;font-size:16px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800;color:var(--pr2)">ZONA*</label><input class="fc" type="number" min="1" id="hf_zona" value="'+esc(h['Zona']||'')+'" oninput="previewCodigo()" style="text-align:center;font-size:16px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800;color:var(--ok)">AREA*(L)</label><input class="fc" id="hf_area" value="'+esc(h['Area']||'')+'" maxlength="1" oninput="this.value=this.value.toUpperCase();previewCodigo()" style="text-align:center;font-size:16px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800;color:var(--pr)">SECT*</label><input class="fc" type="number" min="1" id="hf_sector" value="'+esc(h['Sector']||'')+'" oninput="previewCodigo()" style="text-align:center;font-size:16px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800;color:var(--pr)">GRUPO*</label><input class="fc" type="number" min="1" id="hf_grupo" value="'+esc(h['Grupo']||'')+'" oninput="previewCodigo()" style="text-align:center;font-size:16px;font-weight:900"></div></div><div style="background:var(--pr);border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px;grid-column:1/-1"><span style="color:rgba(255,255,255,.7);font-size:12px">Codigo:</span><span id="hermCP" style="color:#fff;font-size:22px;font-weight:900;font-family:monospace;letter-spacing:3px">'+esc(h['CodigoL']||'??')+'</span><input type="hidden" id="hf_codigo" value="'+esc(h['CodigoL']||'')+'"></div><div class="full"><div class="sect-title">Datos del Lider</div></div><div class="fgg full"><label>Nombre*</label><input class="fc" id="hf_nombre" value="'+esc(h['NombreL']||'')+'"></div><div class="fgg"><label>Anfitrion</label><input class="fc" id="hf_anf" value="'+esc(h['Anfitrion']||'')+'"></div><div class="fgg full"><label>Direccion</label><input class="fc" id="hf_dir" value="'+esc(h['Direccion']||'')+'"></div><div class="full"><div class="sect-title">Supervision</div></div><div class="fgg"><label>Sup.Sector</label><input class="fc" id="hf_supSec" list="hf_ssl" value="'+esc(h['Sup SectorL']||'')+'"><datalist id="hf_ssl">'+svs.map(function(s){return '<option value="'+esc(s.n)+'">'+esc(s.c)+'-'+esc(s.n)+'</option>';}).join('')+'</datalist></div><div class="fgg"><label>Pastor Zona*</label><input class="fc" id="hf_pastor" list="hf_pzl" value="'+esc(h['Pastor Zona']||'')+'"><datalist id="hf_pzl">'+pas.map(function(p){return '<option value="'+esc(p.n)+'">'+esc(p.c)+'-'+esc(p.n)+'</option>';}).join('')+'</datalist></div><div class="fgg"><label>Sup.Area</label><input class="fc" id="hf_supArea" list="hf_sal" value="'+esc(h['Sup AreaL']||'')+'"><datalist id="hf_sal">'+aas.map(function(a){return '<option value="'+esc(a)+'">'+esc(a)+'</option>';}).join('')+'</datalist></div></div>';}
function actualizarDatalistsForm() {
  try {
    var svs = JSON.parse(localStorage.getItem('_svs_c') || '[]');
    var pas = JSON.parse(localStorage.getItem('_pas_c') || '[]');
    var aas = JSON.parse(localStorage.getItem('_aas_c') || '[]');
    var ssl = document.getElementById('hf_ssl');
    var pzl = document.getElementById('hf_pzl');
    var sal = document.getElementById('hf_sal');
    if (ssl && svs.length) {
      ssl.innerHTML = svs.map(function(s){ return '<option value="'+esc(s.n)+'">'+esc(s.c)+'-'+esc(s.n)+'</option>'; }).join('');
    }
    if (pzl && pas.length) {
      pzl.innerHTML = pas.map(function(p){ return '<option value="'+esc(p.n)+'">'+esc(p.c)+'-'+esc(p.n)+'</option>'; }).join('');
    }
    if (sal && aas.length) {
      sal.innerHTML = aas.map(function(a){ return '<option value="'+esc(a)+'">'+esc(a)+'</option>'; }).join('');
    }
  } catch(e) { console.error("Error al actualizar listas", e); }
}

function newHerm(){
  openModal('Nuevo Lider', hermForm(), '<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveHerm()"><i class="fas fa-save"></i> Guardar</button>','xl');
  actualizarDatalistsForm();
  call('getSupervisores',{},function(_,r){
    if(r&&r.ok&&r.data){
      try{localStorage.setItem('_svs_c',JSON.stringify(r.data.map(function(s){return{c:s['CodigoSup'],n:s['NombreSup']};})));}catch(ex){}
      actualizarDatalistsForm();
    }
  });
  call('getPastores',{},function(_,rp){
    if(rp&&rp.ok&&rp.data){
      try{localStorage.setItem('_pas_c',JSON.stringify(rp.data.map(function(p){return{c:p['CodigoPastor'],n:p['NombrePastor']};})));}catch(ex){}
      actualizarDatalistsForm();
    }
  });
  call('getAreaSupervisores',{},function(_,ra){
    if(ra&&ra.ok&&ra.data){
      try{localStorage.setItem('_aas_c',JSON.stringify(ra.data));}catch(ex){}
      actualizarDatalistsForm();
    }
  });
}
function editHerm(id){
  var h=_herm.find(function(x){return x['ID']===id;});
  if(!h)return;
  openModal('Editar Lider', hermForm(h), `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveHerm('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`,'xl');
  actualizarDatalistsForm();
  call('getSupervisores',{},function(_,r){
    if(r&&r.ok&&r.data) {
      try{localStorage.setItem('_svs_c',JSON.stringify(r.data.map(function(s){return{c:s['CodigoSup'],n:s['NombreSup']};})));}catch(ex){}
      actualizarDatalistsForm();
    }
    call('getPastores',{},function(_,rp){
      if(rp&&rp.ok&&rp.data) {
        try{localStorage.setItem('_pas_c',JSON.stringify(rp.data.map(function(p){return{c:p['CodigoPastor'],n:p['NombrePastor']};})));}catch(ex){}
        actualizarDatalistsForm();
      }
      call('getAreaSupervisores',{},function(_,ra){
        if(ra&&ra.ok&&ra.data){
          try{localStorage.setItem('_aas_c',JSON.stringify(ra.data));}catch(ex){}
          actualizarDatalistsForm();
        }
      });
    });
  });
}
function saveHerm(id){var cod=(document.getElementById('hf_codigo')||{}).value||'',nom=(document.getElementById('hf_nombre')||{}).value||'',pastor=(document.getElementById('hf_pastor')||{}).value||'',supSec=(document.getElementById('hf_supSec')||{}).value||'';if(!nom){toast('Nombre requerido','wa');return;}if(!cod||cod==='??'){previewCodigo();cod=(document.getElementById('hf_codigo')||{}).value||'';}if(!cod){toast('Completa 5 campos','wa');return;}if(!pastor){toast('Pastor Zona requerido','wa');return;}var cp='';var cs='';try{var pz=JSON.parse(localStorage.getItem('_pas_c')||'[]');var pz2=pz.find(function(p){return p.n===pastor;});if(pz2)cp=pz2.c;}catch(ex){}try{var ss=JSON.parse(localStorage.getItem('_svs_c')||'[]');var ss2=ss.find(function(s){return s.n===supSec;});if(ss2)cs=ss2.c;}catch(ex){}loading(true);call('saveHermano',{ID:id||'',CodigoL:cod,NombreL:nom,Distrito:(document.getElementById('hf_dist')||{}).value||'',Zona:(document.getElementById('hf_zona')||{}).value||'',Area:((document.getElementById('hf_area')||{}).value||'').toUpperCase(),Sector:(document.getElementById('hf_sector')||{}).value||'',Grupo:(document.getElementById('hf_grupo')||{}).value||'',Anfitrion:(document.getElementById('hf_anf')||{}).value||'',Direccion:(document.getElementById('hf_dir')||{}).value||'','Sup SectorL':supSec,'Sup AreaL':(document.getElementById('hf_supArea')||{}).value||'','Pastor Zona':pastor,CodigoPastor:cp,CodigoSup:cs},function(_,r){loading(false);if(r&&r.ok){toast('Lider: '+cod,'ok',4000);closeModal();loadHerm();}else toast('Error: '+(r&&r.msg||''),'er');});}
function delHerm(id){customConfirm('Eliminar lider?',function(ok){if(!ok)return;loading(true);call('deleteHermano',{id:id},function(_,r){loading(false);if(r&&r.ok){toast('Eliminado','ok');loadHerm();}});},{icon:'fa-trash',danger:true});}

// ══════════════════════════════════════════════════════════
// PRIVILEGIOS — Lista por área + Cronograma
// ══════════════════════════════════════════════════════════
var PRV_TIPOS_DEFAULT=['Predicador','Maestro de Escuela Dominical','Coordinador de Área','Diácono','Ujier','Ministracion','Protocolo','Líder de Adoración','Tesorero de Grupo','Secretario','Coordinador de Jóvenes','Coordinador de Niños','Evangelista','Consejero'];
var PRV_TIPOS=PRV_TIPOS_DEFAULT; // alias
function getPrvTipos(){
  try{
    var cfg=APP.config&&APP.config.prvTipos;
    if(cfg&&cfg.length)return cfg;
  }catch(e){}
  return PRV_TIPOS_DEFAULT;
}
function getPrvAreas(){
  var areas=[];
  if(APP.hermanos&&APP.hermanos.length){
    var fromH=[...new Set(APP.hermanos.map(function(h){return h['Area']||'';}).filter(Boolean))].sort();
    areas=areas.concat(fromH);
  }
  try{
    var cfgA=APP.config&&APP.config.prvAreas;
    if(cfgA&&cfgA.length)cfgA.forEach(function(a){if(!areas.includes(a))areas.push(a);});
  }catch(e){}
  if(!areas.length)areas=['A','B','C','D','E','General'];
  return areas;
}
const PRV_AREAS=['Área A','Área B','Área C','Área D','Área E','General','Sin Área'];
let _prv=[];let _prvTab='lista';
function renderPrivilegios(el){
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-crown"></i> Privilegios</h2>
  <div class="mod-acts">
    <button class="btn btn-ok btn-sm" onclick="newPrv()"><i class="fas fa-plus"></i> Nuevo</button>
    <button class="btn btn-in btn-sm" onclick="exportXLS(_prv,'Privilegios','privilegios')"><i class="fas fa-file-excel"></i> Excel</button>
    <button class="btn btn-er btn-sm" onclick="imprimirPrivilegios()"><i class="fas fa-print"></i> Imprimir</button>
  </div></div>
  <!-- TABS -->
  <div style="display:flex;border-bottom:2px solid var(--brd);margin-bottom:14px">
    <button class="rep-tab active" id="ptab_lista" onclick="switchPrvTab('lista')" style="flex:1;padding:10px;border:none;background:#fff;font-size:13px;font-weight:700;cursor:pointer;color:var(--pr);border-bottom:2px solid var(--pr);margin-bottom:-2px">
      <i class="fas fa-list"></i> Lista de Privilegios
    </button>
    <button class="rep-tab" id="ptab_area" onclick="switchPrvTab('area')" style="flex:1;padding:10px;border:none;background:var(--bg3);font-size:13px;font-weight:700;cursor:pointer;color:var(--tx2);border-bottom:2px solid transparent;margin-bottom:-2px">
      <i class="fas fa-map-marker-alt"></i> Por Área / Zona
    </button>
    <button class="rep-tab" id="ptab_cron" onclick="switchPrvTab('cron')" style="flex:1;padding:10px;border:none;background:var(--bg3);font-size:13px;font-weight:700;cursor:pointer;color:var(--tx2);border-bottom:2px solid transparent;margin-bottom:-2px">
      <i class="fas fa-calendar-alt"></i> Cronograma
    </button>
  </div>
  <!-- CONTENIDO -->
  <div id="prvContent"></div>`;
  loadPrv();
}
function switchPrvTab(tab){
  _prvTab=tab;
  ['lista','area','cron'].forEach(t=>{
    const b=document.getElementById('ptab_'+t);if(!b)return;
    const active=t===tab;
    b.style.background=active?'#fff':'var(--bg3)';
    b.style.color=active?'var(--pr)':'var(--tx2)';
    b.style.borderBottom=active?'2px solid var(--pr)':'2px solid transparent';
  });
  renderPrvContent();
}
function loadPrv(){call('getPrivilegios',{},(_, d)=>{_prv=Array.isArray(d)?d:[];renderPrvContent();});}
function renderPrvContent(){
  const c=document.getElementById('prvContent');if(!c)return;
  if(_prvTab==='lista') renderPrvLista(c);
  else if(_prvTab==='area') renderPrvPorArea(c);
  else renderPrvCronograma(c);
}
function renderPrvLista(c){
  c.innerHTML=`<div class="card"><div class="fr">
    <div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar hermano, privilegio..." oninput="filterPrvLista(this.value)"></div>
    <select class="fsl" id="prvFiltTipo"><option value="">Todos los privilegios</option>${getPrvTipos().map(t=>`<option>${t}</option>`).join('')}</select>
    <select class="fsl" id="prvFiltEstado"><option value="">Activo e inactivo</option><option value="SI">Solo activos</option><option value="NO">Solo inactivos</option></select>
    <button class="btn btn-pr btn-sm" onclick="renderPrvContent()"><i class="fas fa-filter"></i></button>
  </div>
  <div class="tw"><table>
    <thead><tr><th>Hermano</th><th>Área</th><th>Privilegio</th><th>Inicio</th><th>Fin</th><th>Estado</th><th>Observaciones</th><th>Acciones</th></tr></thead>
    <tbody id="prvTb"></tbody>
  </table></div></div>`;
  renderPrvTb(_prv);
}
function renderPrvTb(data){
  const tb=document.getElementById('prvTb');if(!tb)return;
  const tipo=g('prvFiltTipo');const est=g('prvFiltEstado');
  let d=data.filter(p=>{
    if(tipo&&p['Privilegio']!==tipo)return false;
    if(est&&p['Activo']!==est)return false;
    return true;
  });
  if(!d.length){tb.innerHTML=`<tr><td colspan="8"><div class="empty-r"><i class="fas fa-crown"></i><p>Sin privilegios</p></div></td></tr>`;return;}
  tb.innerHTML=d.map(p=>`<tr>
    <td><b>${esc(p['Hermano'])}</b></td>
    <td><span class="bdg bb">${esc(p['Area']||p['CodigoL']||'—')}</span></td>
    <td><span class="bdg bp">${esc(p['Privilegio'])}</span></td>
    <td>${fmtD(p['FechaInicio'])}</td>
    <td>${fmtD(p['FechaFin'])||'—'}</td>
    <td><span class="bdg ${p['Activo']==='SI'?'bg':'bgr'}">${p['Activo']==='SI'?'Activo':'Inactivo'}</span></td>
    <td style="font-size:11px;color:var(--tx2);max-width:160px;white-space:normal">${esc(p['Observaciones']||'—')}</td>
    <td><div class="ab">
      <button class="ab-btn ab-ed" onclick="editPrv('${esc(p['ID'])}')"><i class="fas fa-edit"></i></button>
      <button class="ab-btn ab-del" onclick="delPrv('${esc(p['ID'])}')"><i class="fas fa-trash"></i></button>
    </div></td>
  </tr>`).join('');
}
function filterPrvLista(q){renderPrvTb(_prv.filter(p=>JSON.stringify(p).toLowerCase().includes(q.toLowerCase())));}

function renderPrvPorArea(c){
  const activos=_prv.filter(p=>p['Activo']==='SI');
  const byArea={};
  activos.forEach(p=>{
    const a=p['Area']||'General';
    if(!byArea[a])byArea[a]=[];
    byArea[a].push(p);
  });
  // Agrupar también por tipo de privilegio para cada área
  const areas=Object.keys(byArea).sort();
  c.innerHTML=`<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px">
    ${areas.length?areas.map(area=>{
      const miembros=byArea[area];
      const byTipo={};
      miembros.forEach(m=>{if(!byTipo[m['Privilegio']])byTipo[m['Privilegio']]=[];byTipo[m['Privilegio']].push(m);});
      return `<div class="card" style="padding:0;overflow:hidden">
        <div style="background:var(--pr);color:#fff;padding:10px 14px;font-weight:800;font-size:13px">
          <i class="fas fa-map-marker-alt"></i> ${esc(area)} <span style="font-size:10px;opacity:.8">(${miembros.length} hermanos)</span>
        </div>
        <div style="padding:10px">
          ${Object.entries(byTipo).map(([tipo,lista])=>`
          <div style="margin-bottom:8px">
            <div style="font-size:10px;font-weight:800;color:var(--pr2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px">${esc(tipo)}</div>
            ${lista.map(m=>`<div style="display:flex;align-items:center;gap:6px;font-size:12px;padding:3px 0;border-bottom:1px solid var(--bg3)">
              <i class="fas fa-user-circle" style="color:var(--pr2);font-size:14px"></i>
              <span style="flex:1;font-weight:600">${esc(m['Hermano'])}</span>
              <button class="btn btn-ol btn-sm" style="padding:2px 6px;font-size:10px" onclick="editPrv('${esc(m['ID'])}')"><i class="fas fa-edit"></i></button>
            </div>`).join('')}
          </div>`).join('')}
        </div>
      </div>`;
    }).join(''):`<div class="card"><div class="empty-r"><i class="fas fa-crown"></i><p>Sin privilegios activos</p></div></div>`}
  </div>`;
}

let _cronData=[];
function renderPrvCronograma(c){
  c.innerHTML=`<div class="mod-hdr" style="padding:0 0 12px 0"><h2 style="font-size:14px"></h2>
    <div class="mod-acts">
      <button class="btn btn-ok btn-sm" onclick="newCronItem()"><i class="fas fa-plus"></i> Asignar Servicio</button>
      <button class="btn btn-er btn-sm" onclick="genCronPDF()"><i class="fas fa-file-pdf"></i> Generar PDF</button>
      <button class="btn btn-in btn-sm" onclick="imprimirCronograma()"><i class="fas fa-print"></i> Imprimir</button>
      <button class="btn btn-sm" style="background:#7c3aed;color:#fff" onclick="abrirAICronograma()"><i class="fas fa-robot"></i> IA</button>
    </div>
  </div>
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px">
    <div class="card" style="padding:10px 14px">
      <div style="font-size:12px;font-weight:800;color:var(--pr);margin-bottom:8px"><i class="fas fa-info-circle"></i> Horarios de Servicio</div>
      ${(function(){var svcs=getServiciosDinamicos();return svcs.map(function(d){return '<div style="display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--bg3);font-size:12px"><span><i class="fas fa-clock" style="color:var(--pr2);width:14px"></i> '+esc(d.label)+'</span></div>';}).join('');})()}
    </div>
    <div class="card" style="padding:10px 14px">
      <div style="font-size:12px;font-weight:800;color:var(--pr);margin-bottom:8px"><i class="fas fa-chart-bar"></i> Resumen</div>
      <div id="cronResumen"><div class="g-spinner" style="width:16px;height:16px;border-width:2px"></div></div>
    </div>
  </div>
  <div class="card">
    <div class="ct" style="display:flex;justify-content:space-between;align-items:center">
      <span><i class="fas fa-calendar-check"></i> Cronograma de Servicios</span>
      <div style="display:flex;gap:6px">
        <select class="fsl" id="cronFiltArea" onchange="filtrarCron()"><option value="">Todas las áreas</option></select>
        <select class="fsl" id="cronFiltServ" onchange="filtrarCron()"><option value="">Todos los servicios</option></select>
      </div>
    </div>
    <div class="tw" id="cronTable"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i></div></div>
  </div>`;
  loadCronograma();
}
function loadCronograma(){
  call('getCronograma',{},(_, res)=>{
    if(!res?.ok){toast('Error cargando cronograma','er');return;}
    _cronData=res.data||[];
    renderCronTable(_cronData);
    renderCronResumen(_cronData);
    // Poblar filtros
    const areas=[...new Set(_cronData.map(d=>d['Area']).filter(Boolean))].sort();
    const servs=[...new Set(_cronData.map(d=>d['Servicio']||d['Privilegio']).filter(Boolean))].sort();
    const fa=document.getElementById('cronFiltArea');const fs=document.getElementById('cronFiltServ');
    if(fa)areas.forEach(a=>{const o=document.createElement('option');o.textContent=a;fa.appendChild(o);});
    if(fs)servs.forEach(s=>{const o=document.createElement('option');o.textContent=s;fs.appendChild(o);});
  });
}
function filtrarCron(){
  const area=g('cronFiltArea');const serv=g('cronFiltServ');
  let d=_cronData;
  if(area)d=d.filter(x=>x['Area']===area);
  if(serv)d=d.filter(x=>(x['Servicio']||x['Privilegio'])===serv);
  renderCronTable(d);
}
function renderCronResumen(data){
  const el=document.getElementById('cronResumen');if(!el)return;
  const activos=data.filter(d=>d['Activo']!=='NO');
  const byServ={};activos.forEach(d=>{const s=d['Servicio']||d['Privilegio']||'Otro';if(!byServ[s])byServ[s]=0;byServ[s]++;});
  el.innerHTML=Object.entries(byServ).slice(0,4).map(([s,n])=>`<div style="display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--bg3);font-size:12px"><span>${s}</span><span class="bdg bb">${n}</span></div>`).join('')||'<p style="font-size:12px;color:var(--tx3)">Sin datos</p>';
}
function renderCronTable(data){
  const tb=document.getElementById('cronTable');if(!tb)return;
  if(!data.length){tb.innerHTML=`<div class="empty-r"><i class="fas fa-calendar-alt"></i><p>Sin asignaciones. Agrega con "+ Asignar Servicio"</p></div>`;return;}
  const svcs=getServiciosDinamicos();
  const thCols=svcs.map(s=>`<th>${esc(s.label)}</th>`).join('');
  tb.innerHTML=`<table><thead><tr><th>Hermano</th><th>Área</th><th>Servicio</th>${thCols}<th>Obs.</th><th>Estado</th><th>Acciones</th></tr></thead>
  <tbody>${data.map(d=>{
    const activo=d['Activo']!=='NO';
    return `<tr style="${!activo?'opacity:.5':''}">
      <td><b>${esc(d['Hermano'])}</b></td>
      <td><span class="bdg bb" style="font-size:10px">${esc(d['Area']||'—')}</span></td>
      <td><span class="bdg bp" style="font-size:10px">${esc(d['Servicio']||d['Privilegio']||'—')}</span></td>
      ${svcs.map(s=>`<td style="text-align:center">${d[s.key]==='SI'?'<span style="color:var(--ok);font-weight:900;font-size:16px">✓</span>':'<span style="color:var(--tx3)">—</span>'}</td>`).join('')}
      <td style="font-size:11px;color:var(--tx2);max-width:100px;white-space:normal">${esc(d['Observaciones']||'')}</td>
      <td><span class="bdg ${activo?'bg':'bgr'}">${activo?'Activo':'Inactivo'}</span></td>
      <td><div class="ab">
        <button class="ab-btn ab-vw" onclick="viewCronItem('${esc(d['ID'])}')"><i class="fas fa-eye"></i></button>
        <button class="ab-btn ab-ed" onclick="editCronItem('${esc(d['ID'])}')"><i class="fas fa-edit"></i></button>
        <button class="ab-btn ab-del" onclick="delCronItem('${esc(d['ID'])}')"><i class="fas fa-trash"></i></button>
      </div></td>
    </tr>`;
  }).join('')}</tbody></table>`;
}
function autoFillCronArea(nombre){
  if(!nombre)return;
  // Buscar en privilegios primero
  var prv=_prv.find(function(p){return p['Hermano']===nombre&&p['Activo']==='SI';});
  if(prv&&prv['Area']){
    var aEl=document.getElementById('cr_area');if(aEl)aEl.value=prv['Area'];
    return;
  }
  // Luego en hermanos
  var h=APP.hermanos.find(function(x){return x['NombreL']===nombre;});
  if(h&&h['Area']){var aEl2=document.getElementById('cr_area');if(aEl2)aEl2.value=h['Area'];}
}
function cronForm(d){
  d=d||{};
  var svcs=getServiciosDinamicos();
  // Fuente de hermanos: primero los que tienen privilegios registrados, luego los de APP.hermanos
  var prvNombres=[];
  if(_prv && _prv.length){
    prvNombres=[...new Set(_prv.filter(function(p){return p['Activo']==='SI';}).map(function(p){return p['Hermano']||'';}).filter(Boolean))].sort();
  }
  // También incluir líderes de APP.hermanos que no estén en privilegios
  var hermNombres=[...new Set((APP.hermanos||[]).map(function(h){return h['NombreL']||'';}).filter(Boolean))].sort();
  // Opciones: primero los de privilegios (marcados), luego líderes no repetidos
  var allNombres=prvNombres.slice();
  hermNombres.forEach(function(n){if(!allNombres.includes(n))allNombres.push(n);});
  var hO=allNombres.map(function(nombre){
    var enPriv=prvNombres.includes(nombre);
    var sel=d['Hermano']===nombre?' selected':'';
    var prefix=enPriv?'[★ P] ':'';
    return '<option value="'+esc(nombre)+'"'+sel+'>'+prefix+esc(nombre)+'</option>';
  }).join('');
  var SERVS=getPrvTipos().concat(['Predicador','Maestro E.D.','Ujier','Líder Adoración','Servidor A/V','Coordinador','Diácono','Caporal','Secretario','Tesorero','Otro'].filter(function(s){return !getPrvTipos().includes(s);}));
  var diasHTML=svcs.map(function(x){
    return '<div class="fgg"><label style="display:flex;align-items:center;gap:8px;cursor:pointer">'
      +'<input type="checkbox" id="cr_'+x.key+'" '+(d[x.key]==='SI'?'checked':'')+' style="width:16px;height:16px;accent-color:var(--ok)">'
      +'<span>'+esc(x.label)+'</span></label></div>';
  }).join('');
  return '<div class="fg2">'
    +'<div class="fgg full"><label>Hermano (Selecciona de la lista o escribe un nombre) <span class="req">*</span></label>'
    +'<input class="fc" id="cr_h" list="cr_h_list" value="'+esc(d['Hermano']||'')+'" oninput="autoFillCronArea(this.value)" placeholder="Ej: Juan Pérez...">'
    +'<datalist id="cr_h_list">'
    +(prvNombres.length?prvNombres.map(function(n){return '<option value="'+esc(n)+'">';}).join(''):'')
    +hermNombres.filter(function(n){return !prvNombres.includes(n);}).map(function(n){return '<option value="'+esc(n)+'">';}).join('')
    +'</datalist>'
    +(prvNombres.length?'<span style="font-size:10px;color:var(--pr2);display:block;margin-top:4px"><i class="fas fa-info-circle"></i> Los nombres sugeridos pertenecen a la lista de privilegios y hermanos registrados.</span>':'')
    +'</div>'
    +'<div class="fgg"><label>Área / Zona <span class="req">*</span></label>'
    +'<input class="fc" id="cr_area" list="cr_area_list" value="'+esc(d['Area']||'')+'" placeholder="Ej: Área A, Zona 1...">'
    +'<datalist id="cr_area_list">'
    +[...new Set((APP.hermanos||[]).map(function(h){return h['Area']||'';}).filter(Boolean))].sort().map(function(a){return '<option value="'+esc(a)+'">'+esc(a)+'</option>';}).join('')
    +'</datalist></div>'
    +'<div class="fgg"><label>Servicio / Rol <span class="req">*</span></label><select class="fc" id="cr_serv">'+SERVS.map(function(s){return '<option'+(((d['Servicio']||d['Privilegio'])===s)?' selected':'')+'>'+(s)+'</option>';}).join('')+'</select></div>'
    +'<div class="fgg"><label>Estado</label><select class="fc" id="cr_act"><option value="SI"'+(d['Activo']!=='NO'?' selected':'')+'>Activo</option><option value="NO"'+(d['Activo']==='NO'?' selected':'')+'>Inactivo</option></select></div>'
    +'<div class="full"><div class="sect-title" style="margin:8px 0 4px"><i class="fas fa-calendar-check"></i> Días de Servicio Asignados</div>'
    +'<p style="font-size:11px;color:var(--tx3);margin-bottom:8px">Marca los servicios en que participará este hermano.</p></div>'
    +diasHTML
    +'<div class="fgg full"><label>Observaciones / Notas</label><textarea class="fc" id="cr_obs" rows="2" placeholder="Sector asignado, restricciones, notas...">'+esc(d['Observaciones']||'')+'</textarea></div>'
    +'<div class="fgg"><label>Fecha Asignación</label><input class="fc" type="date" id="cr_fecha" value="'+(d['FechaAsignacion']||today())+'"></div>'
    +'</div>';
}
function newCronItem(){openModal('Asignar Servicio',cronForm(),mFoot('saveCronItem'));}
function editCronItem(id){
  const d=_cronData.find(x=>x['ID']===id);
  openModal(
    'Editar Asignación',
    cronForm(d),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveCronItem('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`
  );
}
function viewCronItem(id){
  const d=_cronData.find(x=>x['ID']===id);if(!d)return;
  const svcs=getServiciosDinamicos();
  const horBadges=svcs.map(s=>{
    const v=d[s.key]==='SI';
    return `<span style="background:${v?'rgba(39,174,96,.15)':'var(--bg)'};color:${v?'var(--ok)':'var(--tx3)'};border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;border:1px solid ${v?'rgba(39,174,96,.3)':'var(--brd)'}"><i class="fas ${v?'fa-check-circle':'fa-times-circle'}"></i> ${esc(s.label)}</span>`;
  }).join('');
  openModal('Detalle de Servicio — '+esc(d['Hermano']),`
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:13px">
    ${[['Hermano',d['Hermano']],['Área',d['Area']],['Servicio',d['Servicio']||d['Privilegio']],['Estado',d['Activo']==='NO'?'Inactivo':'Activo'],['Asignado',fmtD(d['FechaAsignacion'])],['Observaciones',d['Observaciones']||'—']].map(([k,v])=>`<div style="background:var(--bg3);padding:9px;border-radius:8px"><div style="font-size:9px;font-weight:800;color:var(--tx2);text-transform:uppercase;margin-bottom:2px">${k}</div><div style="font-weight:700">${esc(v)||'—'}</div></div>`).join('')}
    <div class="full" style="background:var(--bg3);padding:9px;border-radius:8px">
      <div style="font-size:9px;font-weight:800;color:var(--tx2);text-transform:uppercase;margin-bottom:6px">Horarios asignados</div>
      <div style="display:flex;flex-wrap:wrap;gap:6px">${horBadges}</div>
    </div>
  </div>`,`<button class="btn btn-ol" onclick="closeModal()">Cerrar</button><button class="btn btn-in" onclick="editCronItem('${esc(id)}')"><i class="fas fa-edit"></i> Editar</button>`);
}
function saveCronItem(id){
  var svcs=getServiciosDinamicos();
  var data={ID:id||'',Hermano:g('cr_h'),Area:g('cr_area'),Servicio:g('cr_serv'),Privilegio:g('cr_serv'),
    FechaAsignacion:g('cr_fecha'),Observaciones:g('cr_obs'),Activo:g('cr_act')};
  // Marcar cada servicio dinámico
  svcs.forEach(function(s){
    var el=document.getElementById('cr_'+s.key);
    data[s.key]=el&&el.checked?'SI':'NO';
  });
  // Asegurar compatibilidad legacy con campos fijos
  ['Lunes','Jueves','Domingo_Mañana','Domingo_Tarde'].forEach(function(k){
    if(data[k]===undefined)data[k]='NO';
  });
  if(!data.Hermano||!data.Area||!data.Servicio){toast('Hermano, área y servicio son requeridos','wa');return;}
  loading(true);call('saveCronograma',data,(_,res)=>{loading(false);if(res?.ok){toast('Guardado','ok');closeModal();loadCronograma();}else toast('Error: '+(res?.msg||''),'er');});
}
function delCronItem(id){
  customConfirm('¿Eliminar esta asignación?',function(ok){
    if(!ok)return;
    loading(true);
    call('deleteCronograma',{id:id},function(_,res){
      loading(false);
      if(res&&res.ok){toast('Eliminado','ok');loadCronograma();}
    });
  },{icon:'fa-trash',danger:true});
}
function abrirAICronograma(){
  var cfg=APP.config||{};
  var noKey=(!(cfg.gemini_api_key&&cfg.gemini_api_key.length>10))&&(!(cfg.openrouter_api_key&&cfg.openrouter_api_key.length>10))&&(!(cfg.deepseek_api_key&&cfg.deepseek_api_key.length>10));
  var hoy=new Date();
  var mes=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'][hoy.getMonth()];
  var body='';
  if(noKey)body='<div style="background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:10px;font-size:12px;color:#92400e;margin-bottom:10px"><i class="fas fa-exclamation-triangle"></i> Configura tu API Key en Configuracion > Asistente IA.</div>';
  body+='<label style="font-size:11px;font-weight:700;display:block;margin-bottom:4px">Que quieres planificar para '+mes+'?</label>'
    +'<textarea class="fc" id="aiCronQ" rows="3" style="font-size:12px;margin-bottom:8px" placeholder="Ej: Distribuye equitativamente los hermanos para este mes..."></textarea>'
    +'<div style="font-size:10px;color:var(--tx2);margin-bottom:5px">Sugerencias:</div>'
    +'<div style="display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px">'
    +'<button class="btn btn-sm" style="font-size:10px;background:rgba(124,58,237,.1);color:#7c3aed;border:1px solid rgba(124,58,237,.3)" onclick="setCronQ(this)">Distribucion equitativa este mes?</button>'
    +'<button class="btn btn-sm" style="font-size:10px;background:rgba(124,58,237,.1);color:#7c3aed;border:1px solid rgba(124,58,237,.3)" onclick="setCronQ(this)">Hermanos con demasiados servicios?</button>'
    +'<button class="btn btn-sm" style="font-size:10px;background:rgba(124,58,237,.1);color:#7c3aed;border:1px solid rgba(124,58,237,.3)" onclick="setCronQ(this)">Rotacion justa para ujiers</button>'
    +'</div>'
    +'<div id="aiCronResp" style="display:none;background:var(--bg3);border-radius:8px;padding:10px;font-size:12px;line-height:1.7;border-left:3px solid #7c3aed;max-height:200px;overflow-y:auto"></div>';
  openModal('IA - Cronograma',body,
    '<button class="btn btn-ol" onclick="closeModal()">Cerrar</button>'
    +'<button class="btn btn-sm" style="background:#7c3aed;color:#fff" onclick="enviarAICronograma()"><i class="fas fa-paper-plane"></i> Consultar IA</button>','xl');
}
function setCronQ(btn){var el=document.getElementById('aiCronQ');if(el)el.value=btn.textContent||btn.innerText||'';}
function enviarAICronograma(){
  var q=(document.getElementById('aiCronQ')||{}).value||'';
  if(!q.trim()){toast('Escribe tu consulta','wa');return;}
  var hoy=new Date();
  var mes=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'][hoy.getMonth()];
  var respEl=document.getElementById('aiCronResp');
  if(respEl){respEl.style.display='block';respEl.innerHTML='<i class="fas fa-circle-notch fa-spin" style="color:#7c3aed"></i> Analizando...';}
  call('preguntarAICronograma',{pregunta:q,mes:mes,anio:hoy.getFullYear()},function(err,res){
    if(!respEl)return;
    if(res&&res.ok){
      respEl.innerHTML='<div style="font-size:9px;color:#7c3aed;font-weight:800;margin-bottom:4px">REDIL IA</div><div style="white-space:pre-wrap">'+esc(res.respuesta)+'</div>';
    }else{
      respEl.innerHTML='<span style="color:var(--err)">'+esc((res&&res.msg)||'Error conectando con IA')+'</span>';
    }
  });
}
function genCronPDF(){
  const hoy=new Date();
  const mes=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'][hoy.getMonth()];
  loading(true);call('generarCronogramaPDF',{mes,anio:hoy.getFullYear()},(_,res)=>{
    loading(false);
    if(res && !res.ok){toast('Error generando','er');return;}
    abrirVentanaImpresion(res.html);
    if(res.pdfUrl)toast('PDF guardado en Drive','ok',4000);
  });
}
function imprimirCronograma(){
  const tb=document.getElementById('cronTable');if(!tb)return;
  const hoy=new Date();
  const svcs=getServiciosDinamicos();
  const horLabel=svcs.map(s=>s.label).join(' · ');
  const mes=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'][hoy.getMonth()];
  const h=`<!DOCTYPE html><html><head><meta charset="UTF-8"><style>body{font-family:Arial;font-size:9px;padding:12px}h2{color:#1a3a5c;margin-bottom:12px;font-size:14px}table{width:100%;border-collapse:collapse}th{background:#1a3a5c;color:#fff;padding:5px 8px;text-align:left;font-size:8.5px}td{padding:4px 7px;border-bottom:1px solid #eee;font-size:9px}@page{size:landscape;margin:8mm}</style></head><body>
  <h2>⛪ Cronograma de Servicios — ${mes} ${hoy.getFullYear()}</h2>
  ${tb.innerHTML}
  <p style="font-size:8px;color:#999;margin-top:10px">Horarios: ${horLabel} · Generado: ${new Date().toLocaleDateString('es-GT')}</p>
  <scr"+"ipt>setTimeout(()=>{window.print();setTimeout(()=>window.close(),400);},350);</scr"+"ipt></body></html>`;
  abrirVentanaImpresion(h);
}
function imprimirPrivilegios(){
  const activos=_prv.filter(p=>p['Activo']==='SI');
  const byArea={};activos.forEach(p=>{const a=p['Area']||'General';if(!byArea[a])byArea[a]=[];byArea[a].push(p);});
  const h=`<!DOCTYPE html><html><head><meta charset="UTF-8"><style>body{font-family:Arial;font-size:11px;padding:16px}h1{color:#1a3a5c;font-size:16px;margin-bottom:12px}.area{margin-bottom:14px;break-inside:avoid}.area-title{background:#1a3a5c;color:#fff;padding:6px 10px;border-radius:4px;font-weight:800;font-size:12px;margin-bottom:6px}table{width:100%;border-collapse:collapse}th{background:#eef3fb;padding:5px 8px;text-align:left;font-size:10px;color:#1a3a5c}td{padding:4px 8px;border-bottom:1px solid #eee;font-size:11px}@page{margin:8mm}@media print{body{padding:4px}}</style></head><body>
  <h1>📋 Listado de Privilegios Activos</h1>
  ${Object.entries(byArea).sort().map(([area,lista])=>`<div class="area"><div class="area-title">${area} (${lista.length})</div><table><thead><tr><th>Hermano</th><th>Privilegio</th><th>Desde</th><th>Observaciones</th></tr></thead><tbody>${lista.map(p=>`<tr><td><b>${esc(p['Hermano'])}</b></td><td>${esc(p['Privilegio'])}</td><td>${fmtD(p['FechaInicio'])}</td><td>${esc(p['Observaciones']||'')}</td></tr>`).join('')}</tbody></table></div>`).join('')}
  <p style="font-size:9px;color:#999;margin-top:12px">Generado: ${new Date().toLocaleDateString('es-GT')}</p>
  <scr"+"ipt>setTimeout(()=>{window.print();setTimeout(()=>window.close(),400);},350);</scr"+"ipt></body></html>`;
  abrirVentanaImpresion(h);
}
function prvForm(p){
  p=p||{};
  const hO=(APP.hermanos||[]).map(h=>`<option value="${esc(h['NombreL'])}">`).join('');
  return `<div class="fg2">
    <div class="fgg"><label>Hermano <span class="req">*</span></label>
      <input class="fc" id="pf_h" list="pf_h_list" value="${esc(p['Hermano']||'')}" placeholder="Escribe el nombre del hermano...">
      <datalist id="pf_h_list">${hO}</datalist>
    </div>
    <div class="fgg"><label>Área / Zona</label>
      <input class="fc" id="pf_area" list="pf_area_list" value="${esc(p['Area']||'')}" placeholder="Ej: Área A, Zona Norte...">
      <datalist id="pf_area_list">
        ${[...new Set([...(APP.hermanos||[]).map(h=>h['Area']).filter(Boolean),...(APP.hermanos||[]).map(h=>h['Sup AreaL']).filter(Boolean)])].sort().map(a=>`<option value="${esc(a)}">`).join('')}
        <option value="General"><option value="Sin Área">
      </datalist>
    </div>
    <div class="fgg"><label>Privilegio <span class="req">*</span></label>
      <input class="fc" id="pf_p" list="pf_tipo_list" value="${esc(p['Privilegio']||'')}" placeholder="Ej: Predicador, Diácono...">
      <datalist id="pf_tipo_list">${getPrvTipos().map(x=>`<option value="${esc(x)}">`).join('')}</datalist>
    </div>
    <div class="fgg"><label>Fecha Inicio</label><input class="fc" type="date" id="pf_fi" value="${p['FechaInicio']||today()}"></div>
    <div class="fgg"><label>Fecha Fin (opcional)</label><input class="fc" type="date" id="pf_ff" value="${p['FechaFin']||''}"></div>
    <div class="fgg"><label>Estado</label><select class="fc" id="pf_a"><option value="SI" ${p['Activo']!=='NO'?'selected':''}>Activo</option><option value="NO" ${p['Activo']==='NO'?'selected':''}>Inactivo</option></select></div>
    <div class="fgg full"><label>Observaciones / Notas</label><textarea class="fc" id="pf_o" rows="2" placeholder="Sector asignado, horario, notas...">${esc(p['Observaciones']||'')}</textarea></div>
  </div>`;
}
function newPrv(){openModal('Nuevo Privilegio',prvForm(),mFoot('savePrv'));}
function editPrv(id){
  const p=_prv.find(x=>x['ID']===id);
  openModal(
    'Editar Privilegio',
    prvForm(p),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="savePrv('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`
  );
}
function savePrv(id){const data={'ID':id||'','Hermano':g('pf_h'),'Area':g('pf_area'),'CodigoL':'','Privilegio':g('pf_p'),'FechaInicio':g('pf_fi'),'FechaFin':g('pf_ff'),'Activo':g('pf_a'),'Observaciones':g('pf_o')};if(!data['Hermano']||!data['Privilegio']){toast('Hermano y privilegio requeridos','wa');return;}loading(true);call('savePrivilegio',data,(_,res)=>{loading(false);if(res?.ok){toast('Guardado','ok');closeModal();loadPrv();}else toast('Error','er');});}
function delPrv(id){customConfirm('¿Estás seguro de eliminar este privilegio?',function(ok){if(ok){loading(true);call('deletePrivilegio',{id},(_,res)=>{loading(false);if(res?.ok){toast('Eliminado','ok');loadPrv();}});}},{icon:'fa-trash-alt',color:'#e74c3c',danger:true});}

// ══════════════════════════════════════════════════════════
// DIEZMOS
// ══════════════════════════════════════════════════════════
let _dzm=[];
function renderDiezmos(el){el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-coins"></i> Control Diezmos y Ofrendas</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newDzm()"><i class="fas fa-plus"></i> Nuevo</button><button class="btn btn-in btn-sm" onclick="exportXLS(_dzm,'Diezmos','diezmos')"><i class="fas fa-file-excel"></i> Excel</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterDzm(this.value)"></div><input type="date" class="fdt" id="dD" value="${fom()}"><input type="date" class="fdt" id="dH" value="${today()}"><select class="fsl" id="dT"><option value="">Todos</option>${['Diezmo','Ofrenda','Primera Fruta','Voto','Otro'].map(t=>`<option>${t}</option>`).join('')}</select><button class="btn btn-pr btn-sm" onclick="loadDzm()"><i class="fas fa-filter"></i></button></div><div id="dzmRes" style="display:flex;gap:8px;margin-bottom:12px"></div><div class="tw"><table><thead><tr><th>Fecha</th><th>Nombre</th><th>Teléfono</th><th>Tipo de entrega</th><th>Tipo</th><th>Monto Q</th><th>Descripción</th><th>Acciones</th></tr></thead><tbody id="dzmTb"></tbody></table></div></div>`;loadDzm();}
function loadDzm(){call('getDiezmos',{desde:g('dD'),hasta:g('dH')},(_,d)=>{_dzm=Array.isArray(d)?d:[];renderDzmTb(_dzm);const tot=_dzm.reduce((s,x)=>s+num(x['MontoQ']),0);const el=document.getElementById('dzmRes');if(el)el.innerHTML=`<div class="rc" style="flex:1;padding:10px"><div class="rcv">${_dzm.length}</div><div class="rcl">Registros</div></div><div class="rc p" style="flex:1;padding:10px"><div class="rcv">${fmtQ(tot)}</div><div class="rcl">Total</div></div>`;});}
function renderDzmTb(d){const tb=document.getElementById('dzmTb');if(!tb)return;if(!d.length){tb.innerHTML=`<tr><td colspan="8"><div class="empty-r"><i class="fas fa-coins"></i><p>Sin registros</p></div></td></tr>`;return;}tb.innerHTML=d.map(x=>`<tr><td>${fmtD(x['Fecha'])}</td><td><b>${esc(x['Nombre'])}</b></td><td>${esc(x['Telefono'])}</td><td>${esc(x['Grupo'])}</td><td><span class="bdg ${x['Tipo']==='Diezmo'?'bb':'bg'}">${esc(x['Tipo'])}</span></td><td><b>${fmtQ(x['MontoQ'])}</b></td><td>${esc(x['Descripcion'])}</td><td><div class="ab"><button class="ab-btn ab-ed" onclick="editDzm('${esc(x['ID'])}')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delDzm('${esc(x['ID'])}')"><i class="fas fa-trash"></i></button></div></td></tr>`).join('');}
function filterDzm(q){renderDzmTb(_dzm.filter(x=>JSON.stringify(x).toLowerCase().includes(q.toLowerCase())));}
function dzmForm(d){d=d||{};return `<div class="fg2"><div class="fgg"><label>Fecha <span class="req">*</span></label><input class="fc" type="date" id="df_f" value="${d['Fecha']||today()}"></div><div class="fgg"><label>Nombre <span class="req">*</span></label><input class="fc" id="df_n" value="${esc(d['Nombre']||'')}"></div><div class="fgg"><label>Teléfono</label><input class="fc" id="df_t" value="${esc(d['Telefono']||'')}"></div><div class="fgg"><label>Tipo de Entrega</label><select class="fc" id="df_g">${['','Física','Transferencia','Otros'].map(op=>`<option value="${op}" ${d['Grupo']===op?'selected':''}>${op||'-- Seleccionar --'}</option>`).join('')}</select></div><div class="fgg"><label>Tipo <span class="req">*</span></label><select class="fc" id="df_ti">${['Diezmo','Ofrenda','Primera Fruta','Voto','Otro'].map(t=>`<option ${d['Tipo']===t?'selected':''}>${t}</option>`).join('')}</select></div><div class="fgg"><label>Monto (Q) <span class="req">*</span></label><input class="fc" type="number" min="0" step="0.01" id="df_m" value="${d['MontoQ']||''}"></div><div class="fgg full"><label>Descripción</label><textarea class="fc" id="df_d" rows="2">${esc(d['Descripcion']||'')}</textarea></div></div>`;}
function newDzm(){openModal('Nuevo Diezmo/Ofrenda',dzmForm(),mFoot('saveDzm'));}
function editDzm(id){
  const d=_dzm.find(x=>x['ID']===id);
  openModal(
    'Editar',
    dzmForm(d),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveDzm('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`
  );
}
function saveDzm(id){const data={'ID':id||'','Fecha':g('df_f'),'Nombre':g('df_n'),'Telefono':g('df_t'),'Grupo':g('df_g'),'Tipo':g('df_ti'),'MontoQ':g('df_m'),'Descripcion':g('df_d')};if(!data['Nombre']||!data['MontoQ']){toast('Nombre y monto requeridos','wa');return;}loading(true);call('saveDiezmo',data,(_,res)=>{loading(false);if(res?.ok){toast('Guardado','ok');closeModal();loadDzm();}});}
function delDzm(id){customConfirm('¿Eliminar este registro de diezmo/ofrenda?',function(ok){if(!ok)return;loading(true);call('deleteDiezmo',{id},(_,res)=>{loading(false);if(res?.ok){toast('Eliminado','ok');loadDzm();}});},{icon:'fa-trash',danger:true});}

// ══════════════════════════════════════════════════════════
// INVENTARIO & INSUMOS
// ══════════════════════════════════════════════════════════
let _inv=[],_ins=[];
function renderInventario(el){el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-boxes"></i> Inventario</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newInv()"><i class="fas fa-plus"></i> Nuevo</button><button class="btn btn-in btn-sm" onclick="exportXLS(_inv,'Inventario','inventario')"><i class="fas fa-file-excel"></i> Excel</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterInv(this.value)"></div></div><div class="tw"><table><thead><tr><th>Artículo</th><th>Categoría</th><th>Cantidad</th><th>Unidad</th><th>Estado</th><th>Ubicación</th><th>Valor Q</th><th>Acciones</th></tr></thead><tbody id="invTb"></tbody></table></div></div>`;loadInv();}
function loadInv(){call('getInventario',{},(_, d)=>{_inv=Array.isArray(d)?d:[];renderInvTb(_inv);});}
function renderInvTb(d){const tb=document.getElementById('invTb');if(!tb)return;if(!d.length){tb.innerHTML=`<tr><td colspan="8"><div class="empty-r"><i class="fas fa-boxes"></i><p>Sin artículos</p></div></td></tr>`;return;}tb.innerHTML=d.map(i=>`<tr><td><b>${esc(i['Articulo'])}</b></td><td><span class="bdg bb">${esc(i['Categoria'])}</span></td><td>${i['Cantidad']||0}</td><td>${esc(i['Unidad'])}</td><td><span class="bdg ${i['Estado']==='Bueno'?'bg':i['Estado']==='Regular'?'bo':'br'}">${esc(i['Estado'])}</span></td><td>${esc(i['Ubicacion'])}</td><td>${fmtQ(i['ValorQ'])}</td><td><div class="ab"><button class="ab-btn" style="background:var(--ac);color:#fff" onclick="salidaInv('${esc(i['ID'])}')" title="Salida"><i class="fas fa-sign-out-alt"></i></button><button class="ab-btn ab-ed" onclick="editInv('${esc(i['ID'])}')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delInv('${esc(i['ID'])}')"><i class="fas fa-trash"></i></button></div></td></tr>`).join('');}
function filterInv(q){renderInvTb(_inv.filter(i=>JSON.stringify(i).toLowerCase().includes(q.toLowerCase())));}
function invForm(i){i=i||{};return `<div class="fg2"><div class="fgg"><label>Artículo <span class="req">*</span></label><input class="fc" id="iv_a" value="${esc(i['Articulo']||'')}"></div><div class="fgg"><label>Categoría</label><input class="fc" id="iv_c" list="inv_cat_list" value="${esc(i['Categoria']||'')}"><datalist id="inv_cat_list">${['Mobiliario','Equipo A/V','Instrumento','Limpieza','Papelería','Cocina','Decoración','Otro'].map(c=>`<option value="${c}">`).join('')}</datalist></div><div class="fgg"><label>Cantidad</label><input class="fc" type="number" min="0" id="iv_q" value="${i['Cantidad']||''}"></div><div class="fgg"><label>Unidad</label><input class="fc" id="iv_u" value="${esc(i['Unidad']||'Unidad')}"></div><div class="fgg"><label>Estado</label><select class="fc" id="iv_e">${['Bueno','Regular','Malo','En Reparación'].map(e=>`<option ${i['Estado']===e?'selected':''}>${e}</option>`).join('')}</select></div><div class="fgg"><label>Ubicación</label><input class="fc" id="iv_ub" value="${esc(i['Ubicacion']||'')}"></div><div class="fgg"><label>Valor (Q)</label><input class="fc" type="number" min="0" step="0.01" id="iv_v" value="${i['ValorQ']||''}"></div><div class="fgg full"><label>Obs.</label><textarea class="fc" id="iv_o" rows="2">${esc(i['Observaciones']||'')}</textarea></div></div>`;}
function newInv(){openModal('Nuevo Artículo',invForm(),mFoot('saveInv'));}
function editInv(id){
  const i=_inv.find(x=>x['ID']===id);
  openModal(
    'Editar',
    invForm(i),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveInv('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`
  );
}
function saveInv(id){const data={'ID':id||'','Articulo':g('iv_a'),'Categoria':g('iv_c'),'Cantidad':g('iv_q'),'Unidad':g('iv_u'),'Estado':g('iv_e'),'Ubicacion':g('iv_ub'),'ValorQ':g('iv_v'),'Observaciones':g('iv_o')};if(!data['Articulo']){toast('Nombre requerido','wa');return;}loading(true);call('saveInventario',data,(_,res)=>{loading(false);if(res?.ok){toast('Guardado','ok');closeModal();loadInv();}});}
function delInv(id){customConfirm('¿Eliminar este artículo del inventario?',function(ok){if(!ok)return;loading(true);call('deleteInventario',{id},(_,res)=>{loading(false);if(res?.ok){toast('Eliminado','ok');loadInv();}});},{icon:'fa-trash',danger:true});}
function salidaInv(id){
  const i=_inv.find(x=>x['ID']===id);
  if(!i)return toast('Artículo no encontrado','er');
  const actual=Number(i['Cantidad'])||0;
  openModal('Salida de Inventario',
    `<p style="font-size:13px;margin-bottom:12px"><b>${esc(i['Articulo'])}</b> — Stock actual: <b>${actual}</b> ${esc(i['Unidad'])}</p>
     <div class="fgg"><label>Cantidad a retirar <span class="req">*</span></label><input class="fc" type="number" min="1" max="${actual}" id="sv_q" value="1"></div>
     <div class="fgg"><label>Motivo / Para quién</label><input class="fc" id="sv_m" placeholder="Ej: limpieza domingo"></div>`,
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn" style="background:var(--ac);color:#fff" onclick="confirmSalidaInv('${esc(id)}')"><i class="fas fa-sign-out-alt"></i> Confirmar Salida</button>`
  );setTimeout(()=>document.getElementById('sv_q')?.focus(),100);
}
function confirmSalidaInv(id){
  const q=parseInt(document.getElementById('sv_q')?.value)||0;
  const m=(document.getElementById('sv_m')?.value||'').trim();
  if(q<=0)return toast('Ingresa una cantidad válida','wa');
  loading(true);call('salidaInventario',{busqueda:id,cantidad:q,motivo:m},(_,res)=>{loading(false);
    if(res?.ok){toast('Salida registrada','ok');closeModal();loadInv();}
    else toast(res?.msg||'Error','er');
  });
}

function renderInsumos(el){el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-spray-can"></i> Insumos</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newIns()"><i class="fas fa-plus"></i> Nuevo</button><button class="btn btn-in btn-sm" onclick="exportXLS(_ins,'Insumos','insumos')"><i class="fas fa-file-excel"></i> Excel</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterIns(this.value)"></div></div><div class="tw"><table><thead><tr><th>Artículo</th><th>Categoría</th><th>Cantidad</th><th>Unidad</th><th>Precio Q</th><th>Stock Mín.</th><th>Proveedor</th><th>Acciones</th></tr></thead><tbody id="insTb"></tbody></table></div></div>`;loadIns();}
function loadIns(){call('getInsumos',{},(_, d)=>{_ins=Array.isArray(d)?d:[];renderInsTb(_ins);});}
function renderInsTb(d){const tb=document.getElementById('insTb');if(!tb)return;if(!d.length){tb.innerHTML=`<tr><td colspan="8"><div class="empty-r"><i class="fas fa-spray-can"></i><p>Sin insumos</p></div></td></tr>`;return;}tb.innerHTML=d.map(i=>`<tr><td><b>${esc(i['Articulo'])}</b></td><td><span class="bdg bo">${esc(i['Categoria'])}</span></td><td>${i['Cantidad']||0}</td><td>${esc(i['Unidad'])}</td><td>${fmtQ(i['PrecioUnitarioQ'])}</td><td><span class="bdg ${num(i['Cantidad'])>num(i['StockMinimo'])?'bg':'br'}">${i['StockMinimo']||0}</span></td><td>${esc(i['Proveedor'])}</td><td><div class="ab"><button class="ab-btn" style="background:var(--ac);color:#fff" onclick="salidaIns('${esc(i['ID'])}')" title="Salida"><i class="fas fa-sign-out-alt"></i></button><button class="ab-btn ab-ed" onclick="editIns('${esc(i['ID'])}')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delIns('${esc(i['ID'])}')"><i class="fas fa-trash"></i></button></div></td></tr>`).join('');}
function filterIns(q){renderInsTb(_ins.filter(i=>JSON.stringify(i).toLowerCase().includes(q.toLowerCase())));}
function insForm(i){i=i||{};return `<div class="fg2"><div class="fgg"><label>Artículo <span class="req">*</span></label><input class="fc" id="is_a" value="${esc(i['Articulo']||'')}"></div><div class="fgg"><label>Categoría</label><input class="fc" id="is_c" list="ins_cat_list" value="${esc(i['Categoria']||'')}"><datalist id="ins_cat_list">${['Limpieza','Papelería','Higiene','Cocina','Mantenimiento','Otro'].map(c=>`<option value="${c}">`).join('')}</datalist></div><div class="fgg"><label>Cantidad</label><input class="fc" type="number" min="0" id="is_q" value="${i['Cantidad']||''}"></div><div class="fgg"><label>Unidad</label><input class="fc" id="is_u" value="${esc(i['Unidad']||'Unidad')}"></div><div class="fgg"><label>Precio Q</label><input class="fc" type="number" min="0" step="0.01" id="is_p" value="${i['PrecioUnitarioQ']||''}"></div><div class="fgg"><label>Stock Mínimo</label><input class="fc" type="number" min="0" id="is_s" value="${i['StockMinimo']||''}"></div><div class="fgg full"><label>Proveedor</label><input class="fc" id="is_pr" value="${esc(i['Proveedor']||'')}"></div><div class="fgg full"><label>Obs.</label><textarea class="fc" id="is_o" rows="2">${esc(i['Observaciones']||'')}</textarea></div></div>`;}
function newIns(){openModal('Nuevo Insumo',insForm(),mFoot('saveIns'));}
function editIns(id){
  const i=_ins.find(x=>x['ID']===id);
  openModal(
    'Editar',
    insForm(i),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveIns('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`
  );
}
function saveIns(id){const data={'ID':id||'','Articulo':g('is_a'),'Categoria':g('is_c'),'Cantidad':g('is_q'),'Unidad':g('is_u'),'PrecioUnitarioQ':g('is_p'),'StockMinimo':g('is_s'),'Proveedor':g('is_pr'),'Observaciones':g('is_o')};if(!data['Articulo']){toast('Nombre requerido','wa');return;}loading(true);call('saveInsumo',data,(_,res)=>{loading(false);if(res?.ok){toast('Guardado','ok');closeModal();loadIns();}});}
function delIns(id){customConfirm('¿Eliminar este insumo?',function(ok){if(!ok)return;loading(true);call('deleteInsumo',{id},(_,res)=>{loading(false);if(res?.ok){toast('Eliminado','ok');loadIns();}});},{icon:'fa-trash',danger:true});}
function salidaIns(id){
  const i=_ins.find(x=>x['ID']===id);
  if(!i)return toast('Insumo no encontrado','er');
  const actual=Number(i['Cantidad'])||0,min=Number(i['StockMinimo'])||0;
  openModal('Salida de Insumo',
    `<p style="font-size:13px;margin-bottom:12px"><b>${esc(i['Articulo'])}</b> — Stock actual: <b style="color:${actual<=min?'var(--er)':'inherit'}">${actual}</b> ${esc(i['Unidad'])}<span style="color:var(--tx3);margin-left:8px">Mín: ${min}</span></p>
     <div class="fgg"><label>Cantidad a retirar <span class="req">*</span></label><input class="fc" type="number" min="1" max="${actual}" id="si_q" value="1"></div>
     <div class="fgg"><label>Motivo / Para quién</label><input class="fc" id="si_m" placeholder="Ej: limpieza domingo"></div>`,
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn" style="background:var(--ac);color:#fff" onclick="confirmSalidaIns('${esc(id)}')"><i class="fas fa-sign-out-alt"></i> Confirmar Salida</button>`
  );setTimeout(()=>document.getElementById('si_q')?.focus(),100);
}
function confirmSalidaIns(id){
  const q=parseInt(document.getElementById('si_q')?.value)||0;
  const m=(document.getElementById('si_m')?.value||'').trim();
  if(q<=0)return toast('Ingresa una cantidad válida','wa');
  loading(true);call('salidaInsumo',{busqueda:id,cantidad:q,motivo:m},(_,res)=>{loading(false);
    if(res?.ok){toast('Salida registrada','ok');closeModal();loadIns();}
    else toast(res?.msg||'Error','er');
  });
}

// ══════════════════════════════════════════════════════════
// CENTRO DE ENVÍOS
// ══════════════════════════════════════════════════════════
let _envPdfsSelected=new Set();
let _envRepSelected=new Set(); // reportes seleccionados para enviar
function renderEnvio(el){
  const appNom=(APP.config&&APP.config.nombre)||'Redil';
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-paper-plane"></i> Centro de Envíos</h2>
    <div class="mod-acts"><button class="btn btn-ol btn-sm" onclick="recargarEnvio()"><i class="fas fa-sync"></i> Actualizar</button></div>
  </div>
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start">
    <!-- COL IZQ: COMPOSICIÓN + CONTACTOS -->
    <div style="display:flex;flex-direction:column;gap:12px">
      <div class="card">
        <div class="ct"><i class="fas fa-envelope"></i> Componer Envío</div>
        <div style="display:flex;flex-direction:column;gap:10px">
          <div class="fgg"><label>Asunto</label><input class="fc" id="env_asunto" value="Informes ${appNom}"></div>
          <div class="fgg"><label>Mensaje</label><textarea class="fc" id="env_cuerpo" rows="2">Buen día, adjunto los informes solicitados. Saludos, ${appNom}.</textarea></div>
          <!-- Reportes seleccionados -->
          <div style="font-size:11px;font-weight:700;color:var(--tx2)"><i class="fas fa-file-alt"></i> Reportes a enviar: <span id="env_rep_count" style="color:var(--pr);font-size:13px;font-weight:900">0</span></div>
          <div id="env_seleccionados" style="background:var(--bg3);border-radius:8px;padding:8px;min-height:36px;border:1.5px dashed var(--brd);font-size:11px;color:var(--tx3);max-height:80px;overflow-y:auto">
            Selecciona reportes del panel derecho →
          </div>
          <!-- Destinatarios -->
          <div style="font-size:11px;font-weight:700;color:var(--tx2)"><i class="fas fa-at"></i> Destinatarios <span class="req">*</span></div>
          <div id="env_dest_tags" style="background:var(--bg3);border-radius:8px;padding:8px;min-height:38px;border:1.5px solid var(--brd);display:flex;flex-wrap:wrap;gap:5px;cursor:text" onclick="document.getElementById('env_dest_input').focus()">
            <input type="email" id="env_dest_input" placeholder="email@ejemplo.com + Enter" style="border:none;background:transparent;outline:none;font-size:12px;flex:1;min-width:160px" onkeydown="addDestTag(event)" onblur="addDestTag({key:'Tab'})">
          </div>
          <input type="hidden" id="env_dest">
          <button class="btn btn-pr" onclick="enviarRep()"><i class="fas fa-paper-plane"></i> Enviar Reportes</button>
        </div>
      </div>
      <!-- CONTACTOS -->
      <div class="card">
        <div class="ct" style="display:flex;justify-content:space-between;align-items:center">
          <span><i class="fas fa-address-book"></i> Contactos — clic para agregar</span>
          <button class="btn btn-ok btn-sm" onclick="nav('contactos')"><i class="fas fa-plus"></i></button>
        </div>
        <div id="envCnts" style="max-height:200px;overflow-y:auto">
          <div class="empty-r" style="padding:10px"><i class="fas fa-circle-notch fa-spin"></i></div>
        </div>
      </div>
      <!-- HISTORIAL -->
      <div class="card">
        <div class="ct"><i class="fas fa-history"></i> Historial de Envíos</div>
        <div id="envHist" style="max-height:180px;overflow-y:auto"><div class="empty-r" style="padding:10px"><i class="fas fa-circle-notch fa-spin"></i></div></div>
      </div>
    </div>
    <!-- COL DER: REPOSITORIO DE REPORTES -->
    <div class="card">
      <div class="ct" style="display:flex;justify-content:space-between;align-items:center">
        <span><i class="fas fa-folder-open"></i> Reportes Generados — selecciona para enviar</span>
        <button class="btn btn-ol btn-sm" onclick="deselectAllEnvRep()"><i class="fas fa-times"></i> Limpiar</button>
      </div>
      <div style="padding:6px 0 8px;display:flex;gap:6px;flex-wrap:wrap">
        <input type="date" class="fdt" id="env_filt_d" value="${fom()}" onchange="filtrarEnvRepo()">
        <input type="date" class="fdt" id="env_filt_h" value="${today()}" onchange="filtrarEnvRepo()">
        <select class="fsl" id="env_filt_lider" onchange="filtrarEnvRepo()">
          <option value="">Todos los líderes</option>
          ${[...new Set(APP.hermanos.map(h=>h['NombreL']).filter(Boolean))].sort().map(n=>`<option>${esc(n)}</option>`).join('')}
        </select>
      </div>
      <div id="env_repo" style="max-height:calc(100vh - 340px);overflow-y:auto">
        <div class="empty-r" style="padding:16px"><i class="fas fa-circle-notch fa-spin"></i> Cargando reportes...</div>
      </div>
    </div>
  </div>`;
  _envRepSelected=new Set();
  _envPdfsSelected=new Set();
  recargarEnvio();
}

let _envAllReportes=[];
function recargarEnvio(){
  // Cargar contactos
  call('getContactos',{},(_, c)=>{
    APP.contactos=Array.isArray(c)?c:APP.contactos;
    const el=document.getElementById('envCnts');
    if(el)fillEnvContacts(el);
  });
  // Cargar historial
  call('getEnvios',{},(_, d)=>{
    const el=document.getElementById('envHist');if(!el)return;
    const data=Array.isArray(d)?d.slice(-10).reverse():[];
    el.innerHTML=data.length?data.map(e=>`<div class="ri"><div class="rdot" style="background:var(--inf)"></div><div class="rinfo"><div class="rn" style="font-size:12px">${esc(e['Asunto Correo'])}</div><div class="rm">${fmtD(e['Fecha Hora'])} · ${esc(e['Destinatarios']||'—')}</div></div></div>`).join(''):'<p style="font-size:12px;color:var(--tx3);padding:8px">Sin envíos aún</p>';
  });
  // Cargar repositorio de reportes generados
  call('getGeneradores',{},(_, d)=>{
    _envAllReportes=Array.isArray(d)?d.slice().reverse():[];
    renderEnvRepo(_envAllReportes);
  });
}

function renderEnvRepo(data){
  const repo=document.getElementById('env_repo');if(!repo)return;
  if(!data.length){
    repo.innerHTML='<div class="empty-r" style="padding:16px"><i class="fas fa-folder-open"></i><p>Sin reportes. Ve al Generador de Reportes para crear uno.</p></div>';
    return;
  }
  repo.innerHTML=data.map(r=>{
    const hasPdf=r['Archivo Generado']&&r['Archivo Generado'].startsWith('http');
    const sel=_envRepSelected.has(r['No Serie']);
    return `<div class="ri" id="envr2_${esc(r['No Serie'])}" 
      style="cursor:pointer;padding:10px 12px;border-radius:8px;transition:.15s;border:2px solid ${sel?'var(--pr)':'transparent'};background:${sel?'rgba(37,99,168,.06)':''}"
      onclick="toggleEnvRep('${esc(r['No Serie'])}','${hasPdf?esc(r['Archivo Generado']):''}','${esc(r['Titulo de Reporte'])}','${esc(r['Fecha Inicio'])}','${esc(r['Fecha Fin'])}')">
      <div style="display:flex;align-items:center;gap:10px">
        <i class="fas ${sel?'fa-check-square':'fa-square'}" style="color:${sel?'var(--pr)':'var(--brd)'};font-size:18px;flex-shrink:0"></i>
        <div style="flex:1">
          <div style="font-weight:800;font-size:13px">${esc(r['No Serie'])} <span style="font-size:10px;font-weight:400;color:${hasPdf?'var(--ok)':'var(--tx3)'}">● ${hasPdf?'Con PDF':'Sin PDF'}</span></div>
          <div style="font-size:11px;color:var(--tx2)">${esc(r['Titulo de Reporte'])} · ${fmtD(r['Fecha Inicio'])} → ${fmtD(r['Fecha Fin'])}</div>
          <div style="font-size:10px;color:var(--tx3)">Asistencia: ${r['Total Asistencia']||0} · Ofrenda: ${fmtQ(r['Total Ofrenda'])}</div>
        </div>
        ${hasPdf?`<a href="${esc(r['Archivo Generado'])}" target="_blank" onclick="event.stopPropagation()" class="btn btn-ok btn-sm" style="font-size:10px;padding:3px 7px"><i class="fas fa-external-link-alt"></i></a>`:''}
      </div>
    </div>`;
  }).join('');
}

function filtrarEnvRepo(){
  const d=document.getElementById('env_filt_d')?.value||'';
  const h=document.getElementById('env_filt_h')?.value||'';
  const lider=document.getElementById('env_filt_lider')?.value||'';
  let data=_envAllReportes;
  if(d)data=data.filter(r=>!r['Fecha Inicio']||r['Fecha Inicio']>=d);
  if(h)data=data.filter(r=>!r['Fecha Fin']||r['Fecha Fin']<=h);
  if(lider)data=data.filter(r=>(r['Filtro Lider']||'').toLowerCase()===lider.toLowerCase());
  renderEnvRepo(data);
}

function toggleEnvRep(serie,pdfUrl,titulo,desde,hasta){
  if(_envRepSelected.has(serie)){
    _envRepSelected.delete(serie);
  } else {
    _envRepSelected.add(serie);
    if(pdfUrl&&!window._envPdfUrls)window._envPdfUrls={};
    if(pdfUrl)window._envPdfUrls[serie]=pdfUrl;
  }
  // Re-render item
  const item=document.getElementById('envr2_'+serie);
  if(item){
    const sel=_envRepSelected.has(serie);
    item.style.border='2px solid '+(sel?'var(--pr)':'transparent');
    item.style.background=sel?'rgba(37,99,168,.06)':'';
    const ico=item.querySelector('.fas.fa-square,.fas.fa-check-square');
    if(ico)ico.className='fas '+(sel?'fa-check-square':'fa-square');
    if(ico)ico.style.color=sel?'var(--pr)':'var(--brd)';
  }
  // Actualizar panel resumen
  const cnt=document.getElementById('env_rep_count');
  const sel_panel=document.getElementById('env_seleccionados');
  if(cnt)cnt.textContent=_envRepSelected.size;
  if(sel_panel){
    if(_envRepSelected.size===0){
      sel_panel.innerHTML='<span style="color:var(--tx3)">Selecciona reportes del panel derecho →</span>';
    } else {
      sel_panel.innerHTML=[..._envRepSelected].map(s=>`<div style="display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px"><i class="fas fa-file-alt" style="color:var(--pr)"></i><b>${s}</b><button onclick="toggleEnvRep('${s}','','','','')" style="background:none;border:none;color:var(--tx3);cursor:pointer">✕</button></div>`).join('');
    }
  }
}

function deselectAllEnvRep(){
  _envRepSelected.clear();
  if(window._envPdfUrls)window._envPdfUrls={};
  renderEnvRepo(_envAllReportes);
  const cnt=document.getElementById('env_rep_count');if(cnt)cnt.textContent='0';
  const sp=document.getElementById('env_seleccionados');
  if(sp)sp.innerHTML='<span style="color:var(--tx3)">Selecciona reportes del panel derecho →</span>';
}

function fillEnvContacts(el){
  if(!el)return;
  const cnts=APP.contactos.filter(c=>c['Correo']);
  if(!cnts.length){
    el.innerHTML='';
    const msg=document.createElement('div');
    msg.className='empty-r';
    msg.style.padding='12px';
    msg.innerHTML='<i class="fas fa-address-book"></i><p>Sin contactos</p>';
    const btn=document.createElement('button');
    btn.className='btn btn-ok btn-sm';
    btn.style.marginTop='8px';
    btn.textContent='+ Agregar contacto';
    btn.onclick=()=>nav('contactos');
    msg.appendChild(btn);
    el.appendChild(msg);
    return;
  }
  el.innerHTML='';
  cnts.forEach(c=>{
    const div=document.createElement('div');
    div.className='ri';
    div.style.cssText='cursor:pointer;padding:6px 8px;border-radius:6px;transition:.15s';
    div.onmouseenter=()=>div.style.background='var(--bg3)';
    div.onmouseleave=()=>div.style.background='';
    div.onclick=()=>addDestTagDirect(c['Correo']);
    div.innerHTML='<div class="rdot" style="background:var(--ok)"></div><div class="rinfo"><div class="rn">'+esc(c['Nombre'])+'</div><div class="rm">'+esc(c['Correo'])+'</div></div><i class="fas fa-plus-circle" style="color:var(--ok);font-size:14px"></i>';
    el.appendChild(div);
  });
}
function addDestTag(e){
  if(e.key==='Enter'||e.key===','||e.key==='Tab'){
    e.preventDefault();
    const inp=document.getElementById('env_dest_input');
    const email=(inp?.value||'').trim().replace(',','');
    if(!email)return;
    addDestTagDirect(email);
    if(inp)inp.value='';
  }
}
function addDestTagDirect(email){
  if(!email||!email.includes('@'))return;
  const container=document.getElementById('env_dest_tags');
  const hiddenInput=document.getElementById('env_dest');
  // Check duplicado
  const existing=[...container.querySelectorAll('.dest-tag')].map(t=>t.dataset.email);
  if(existing.includes(email)){toast('Ya está en la lista','wa');return;}
  // Crear tag visual
  const tag=document.createElement('div');
  tag.className='dest-tag';
  tag.dataset.email=email;
  tag.style.cssText='background:var(--pr);color:#fff;border-radius:99px;padding:3px 10px 3px 8px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap';
  tag.innerHTML=`<i class="fas fa-user-circle" style="font-size:11px"></i>${email}<button onclick="removeDestTag(this,'${email}')" style="background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:12px;padding:0 0 0 2px;line-height:1">✕</button>`;
  const inp=document.getElementById('env_dest_input');
  container.insertBefore(tag,inp);
  // Actualizar hidden input
  hiddenInput.value=[...container.querySelectorAll('.dest-tag')].map(t=>t.dataset.email).join(', ');
  toast(email+' agregado','in',1800);
}
function removeDestTag(btn,email){
  btn.closest('.dest-tag').remove();
  const hiddenInput=document.getElementById('env_dest');
  const container=document.getElementById('env_dest_tags');
  hiddenInput.value=[...container.querySelectorAll('.dest-tag')].map(t=>t.dataset.email).join(', ');
}
function addDest(email){addDestTagDirect(email);}
function enviarRep(){
  // Obtener destinatarios del campo hidden
  const dest=(document.getElementById('env_dest')||{}).value||'';
  if(!dest.trim()){toast('Agrega al menos un destinatario','wa');return;}
  if(_envRepSelected.size===0){toast('Selecciona al menos un reporte del repositorio','wa');return;}
  const seriesArr=[..._envRepSelected];
  var ds=dest.length>50?dest.substring(0,50)+'...':dest;
  customConfirm('¿Enviar '+seriesArr.length+' reporte(s) a: '+ds+'?',function(ok){
    if(!ok)return;
    loading(true);
    var pdfUrls=window._envPdfUrls||{};
    call('enviarReportesPorSeries',{
      destinatarios:dest,series:seriesArr,
      asunto:g('env_asunto'),cuerpo:g('env_cuerpo'),
      pdfUrls:pdfUrls
    },function(_,res){
      loading(false);
      if(res&&res.ok){
        toast('Enviado a '+res.enviados+' destinatario(s)','ok',5000);
        deselectAllEnvRep();
        var dt=document.getElementById('env_dest_tags');
        var dh=document.getElementById('env_dest');
        if(dt)[].slice.call(dt.querySelectorAll('.dest-tag')).forEach(function(t){t.remove();});
        if(dh)dh.value='';
        recargarEnvio();
      }else{
        toast('Error: '+(res&&res.msg||'Error enviando'),'er',6000);
      }
    });
  },{icon:'fa-paper-plane',title:'Confirmar Envio'});
}

function renderContactos(el){el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-address-book"></i> Tabla de Contactos</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newCnt()"><i class="fas fa-plus"></i> Nuevo</button><button class="btn btn-in btn-sm" onclick="exportXLS(_cnt,'Contactos','contactos')"><i class="fas fa-file-excel"></i> Excel</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterCnt(this.value)"></div></div><div class="tw"><table><thead><tr><th>ID</th><th>Nombre</th><th>Correo</th><th>Acciones</th></tr></thead><tbody id="cntTb"></tbody></table></div></div>`;loadCnt();}
function loadCnt(){call('getContactos',{},(_, d)=>{_cnt=Array.isArray(d)?d:[];APP.contactos=_cnt;renderCntTb(_cnt);});}
function renderCntTb(d){const tb=document.getElementById('cntTb');if(!tb)return;if(!d.length){tb.innerHTML=`<tr><td colspan="4"><div class="empty-r"><i class="fas fa-address-book"></i><p>Sin contactos</p></div></td></tr>`;return;}tb.innerHTML=d.map(c=>`<tr><td>${esc(c['IDContacto'])}</td><td><b>${esc(c['Nombre'])}</b></td><td><a href="mailto:${esc(c['Correo'])}" style="color:var(--pr2)">${esc(c['Correo'])}</a></td><td><div class="ab"><button class="ab-btn ab-ed" onclick="editCnt('${esc(c['IDContacto'])}')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delCnt('${esc(c['IDContacto'])}')"><i class="fas fa-trash"></i></button></div></td></tr>`).join('');}
function filterCnt(q){renderCntTb(_cnt.filter(c=>JSON.stringify(c).toLowerCase().includes(q.toLowerCase())));}
function cntForm(c){c=c||{};return `<div class="fg2"><div class="fgg"><label>Nombre <span class="req">*</span></label><input class="fc" id="cf_n" value="${esc(c['Nombre']||'')}"></div><div class="fgg"><label>Correo <span class="req">*</span></label><input class="fc" type="email" id="cf_c" value="${esc(c['Correo']||'')}"></div></div>`;}
function newCnt(){openModal('Nuevo Contacto',cntForm(),mFoot('saveCnt'));}
function editCnt(id){
  const c=_cnt.find(x=>x['IDContacto']===id);
  openModal(
    'Editar',
    cntForm(c),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveCnt('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`
  );
}
function saveCnt(id){const data={'IDContacto':id||'','Nombre':g('cf_n'),'Correo':g('cf_c')};if(!data['Nombre']||!data['Correo']){toast('Nombre y correo requeridos','wa');return;}loading(true);call('saveContacto',data,(_,res)=>{loading(false);if(res?.ok){toast('Guardado','ok');closeModal();loadCnt();}});}
function delCnt(id){customConfirm('¿Estás seguro de eliminar este contacto?',function(ok){if(ok){loading(true);call('deleteContacto',{id},(_,res)=>{loading(false);if(res?.ok){toast('Eliminado','ok');loadCnt();}});}},{icon:'fa-trash-alt',color:'#e74c3c',danger:true});}

// ══════════════════════════════════════════════════════════
// USUARIOS
// ══════════════════════════════════════════════════════════
let _usr=[];
function renderUsuarios(el){el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-user-cog"></i> Usuarios</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newUsr()"><i class="fas fa-plus"></i> Nuevo</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterUsr(this.value)"></div></div><div class="tw"><table><thead><tr><th>Nombre</th><th>Email</th><th>Rol</th><th>Estado</th><th>Creado</th><th>Acciones</th></tr></thead><tbody id="usrTb"></tbody></table></div></div>`;loadUsr();}
function loadUsr(){call('getUsuarios',{},(_, d)=>{_usr=Array.isArray(d)?d:[];renderUsrTb(_usr);});}
function renderUsrTb(d){
  const tb=document.getElementById('usrTb');if(!tb)return;
  // Ocultar cuenta del propietario para usuarios no propietarios
  if(APP.user && !APP.user.isPropietario){
    const ownerEmail=(APP.config&&APP.config.ownerEmail||'').trim().toLowerCase();
    if(ownerEmail) d=d.filter(u=>(u['Email']||'').trim().toLowerCase()!==ownerEmail);
  }if(!d.length){tb.innerHTML=`<tr><td colspan="6"><div class="empty-r"><i class="fas fa-users"></i><p>Sin usuarios</p></div></td></tr>`;return;}tb.innerHTML=d.map(u=>`<tr><td><b>${esc(u['Nombre'])}</b></td><td>${esc(u['Email'])}</td><td><span class="bdg ${u['Rol']==='Admin'?'bb':'bgr'}">${esc(u['Rol'])}</span></td><td><span class="bdg ${u['Activo']==='SI'?'bg':'br'}">${u['Activo']==='SI'?'Activo':'Inactivo'}</span></td><td>${fmtD(u['FechaCreacion'])}</td><td><div class="ab"><button class="ab-btn ab-ed" onclick="editUsr('${esc(u['ID'])}')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delUsr('${esc(u['ID'])}')"><i class="fas fa-trash"></i></button></div></td></tr>`).join('');}
function filterUsr(q){renderUsrTb(_usr.filter(u=>JSON.stringify(u).toLowerCase().includes(q.toLowerCase())));}
let _editUsrId = null;
function usrForm(u){
  u=u||{};const ROL_LIST=['Admin','Líder','Secretario','Tesorero','Digitador','Auditor','Servicio','Solo Lectura'];
  let menuPerm=[];try{menuPerm=u['MenuPermitido']?JSON.parse(u['MenuPermitido'])||[]:[]; }catch(e){menuPerm=[];}
  const puedeVerBitacora=u['PuedeVerBitacora']==='SI';
  const esProp=APP.user&&APP.user.isPropietario;
  const menuChecks=ALL_MENU.filter(m=>m.id!=='configuracion'&&m.id!=='bitacora').map(m=>`<label style="display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;cursor:pointer;font-size:13px"><input type="checkbox" class="perm-check" name="perm_${m.id}" ${menuPerm.includes(m.id)?'checked':''}><i class="fas ${m.icon}" style="color:var(--pr);width:16px"></i>${m.label}</label>`).join('');
  return `<div class="fg2">
    <input type="hidden" id="uf_id" value="${esc(u['ID']||'')}">
    <div class="fgg"><label>Nombre <span class="req">*</span></label><input class="fc" id="uf_n" value="${esc(u['Nombre']||'')}"></div>
    <div class="fgg"><label>Email <span class="req">*</span></label><input class="fc" type="email" id="uf_e" value="${esc(u['Email']||'')}"></div>
    <div class="fgg"><label>${u['ID']?'Nueva contraseña (vacío=no cambiar)':'Contraseña *'}</label><input class="fc" type="text" id="uf_p" placeholder="Contraseña visible"></div>
    <div class="fgg"><label>Rol base</label>
      <select class="fc" id="uf_r" onchange="setRolDef(this.value)">
        ${ROL_LIST.map(r=>`<option value="${r}" ${u['Rol']===r?'selected':''}>${r}</option>`).join('')}
      </select>
    </div>
    <div class="fgg"><label>Estado</label><select class="fc" id="uf_a"><option value="SI" ${u['Activo']!=='NO'?'selected':''}>Activo</option><option value="NO" ${u['Activo']==='NO'?'selected':''}>Inactivo</option></select></div>
    ${esProp?`<div class="fgg full" style="background:rgba(37,99,168,.07);border-radius:8px;padding:10px;border-left:3px solid var(--inf)">
      <label style="font-weight:800;color:var(--inf)"><i class="fas fa-clipboard-list"></i> Acceso a Bitácora de Accesos</label>
      <p style="font-size:12px;color:var(--tx2);margin:4px 0 8px">Solo el propietario puede otorgar este permiso. El admin podrá ver el historial de logins del sistema.</p>
      <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px">
        <input type="checkbox" id="uf_bitacora" ${puedeVerBitacora?'checked':''} style="width:16px;height:16px;accent-color:var(--inf)">
        <i class="fas fa-clipboard-list" style="color:var(--inf)"></i> Permitir ver Bitácora de Accesos
      </label>
    </div>`:''}
    <div class="fgg full" style="background:rgba(245,158,11,.07);border-radius:8px;padding:10px;border-left:3px solid var(--ac)">
      <label style="font-weight:800;color:var(--ac)"><i class="fas fa-lock"></i> Seguridad de Edición</label>
      <p style="font-size:12px;color:var(--tx2);margin:4px 0 8px">Si desactivas, este usuario SOLO podrá marcar ofrendas como recibidas, sin poder editar datos del reporte.</p>
      <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px">
        <input type="checkbox" id="uf_puedeEditar" ${(u['PuedeEditar']||'SI')==='NO'?'':'checked'} style="width:16px;height:16px;accent-color:var(--ac)">
        <i class="fas fa-pen" style="color:var(--ac)"></i> Puede editar datos de reportes
      </label>
    </div>
    <div class="full" style="border-top:1px solid var(--brd);padding-top:12px">
      <div class="fgg"><label style="margin-bottom:8px">🔐 Módulos permitidos</label>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:280px;overflow-y:auto;padding:8px;background:var(--bg3);border-radius:8px" id="permGrid">${menuChecks}</div>
        <div style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap">
          <button type="button" class="btn btn-ok btn-sm" onclick="chkAll(true)">Marcar todo</button>
          <button type="button" class="btn btn-ol btn-sm" onclick="chkAll(false)">Desmarcar todo</button>
          <button type="button" class="btn btn-in btn-sm" onclick="setRolDef(g('uf_r'))">Usar rol base</button>
        </div>
      </div>
    </div>
  </div>`;
}
function chkAll(v){document.querySelectorAll('.perm-check').forEach(c=>c.checked=v);}
const ROL_DEF_MENU={'Admin':ALL_MENU.map(m=>m.id),'Líder':['dashboard','reportes','reporteDigital','formulario','seguimientos'],'Secretario':['dashboard','reportes','reporteDigital','generador','seguimientos','envio','contactos'],'Tesorero':['dashboard','reportes','diezmos','generador','envio'],'Digitador':['dashboard','reportes','envio','contactos'],'Auditor':['dashboard','reportes','generador'],'Servicio':['inventario','insumos'],'Solo Lectura':['dashboard','reportes']};
function setRolDef(rol){const perms=ROL_DEF_MENU[rol]||ROL_DEF_MENU['Solo Lectura'];document.querySelectorAll('.perm-check').forEach(c=>{const mod=c.name.replace('perm_','');c.checked=perms.includes(mod);});}
function getChkPerms(){return ALL_MENU.map(m=>m.id).filter(id=>{const c=document.querySelector(`[name="perm_${id}"]`);return c&&c.checked;});}
function newUsr(){openModal('Nuevo Usuario',usrForm(),"<button class=\"btn btn-ol\" onclick=\"closeModal()\">Cancelar</button><button class=\"btn btn-pr\" onclick=\"saveUsr()\"><i class=\"fas fa-save\"></i> Guardar</button>",'lg');}
function editUsr(id){
  _editUsrId = id;
  const u=_usr.find(x=>x['ID']===id);
  openModal('Editar Usuario',usrForm(u),"<button class=\"btn btn-ol\" onclick=\"closeModal()\">Cancelar</button><button class=\"btn btn-pr\" onclick=\"saveUsr()\"><i class=\"fas fa-save\"></i> Actualizar</button>",'lg');
}
function saveUsr(){
  const id = g('uf_id') || _editUsrId || '';
  const pass=g('uf_p');
  let perms=getChkPerms();
  
  // Preservar permisos que no están en el UI (como configuracion) si el usuario ya los tenía
  if(id){
    const u=_usr.find(x=>x['ID']===id);
    if(u && u['MenuPermitido']){
      try {
        const oldPerms = JSON.parse(u['MenuPermitido']);
        if(oldPerms.includes('configuracion') && !perms.includes('configuracion')){
          perms.push('configuracion');
        }
      } catch(e){}
    }
  }
  // Permiso de bitácora — solo propietario puede otorgarlo
  const bitacoraChk=document.getElementById('uf_bitacora');
  const puedeVerBitacora=(APP.user&&APP.user.isPropietario&&bitacoraChk&&bitacoraChk.checked)?'SI':'NO';

  const puedeEditar=document.getElementById('uf_puedeEditar')?.checked!==false?'SI':'NO';
  const data={'ID':id,'Nombre':g('uf_n'),'Email':g('uf_e'),'Rol':g('uf_r'),'Activo':g('uf_a'),'MenuPermitido':perms,'PuedeVerBitacora':puedeVerBitacora,'PuedeEditar':puedeEditar};
  if(pass)data['Password']=pass;
  if(!data['Nombre']||!data['Email']){toast('Nombre y email requeridos','wa');return;}
  if(!id&&!pass){toast('Contraseña requerida','wa');return;}
  loading(true);
  call('saveUsuario',data,(_,res)=>{
    loading(false);
    if(res&&res.ok){
      toast('Usuario guardado correctamente','ok');
      closeModal();
      loadUsr();
    }else {
      let msg = (res && res.msg) ? res.msg : 'No autorizado o error de comunicación';
      toast('Error: ' + msg, 'er');
    }
  });
}
function delUsr(id){
  if(APP.user&&APP.user.id===id){toast('No puedes eliminar tu propia cuenta','wa');return;}
  customConfirm('¿Está seguro de eliminar este usuario permanentemente? Esta acción NO se puede deshacer.',function(ok){
    if(!ok)return;
    loading(true);
    call('deleteUsuario',{id:id},(_,res)=>{
      loading(false);
      if(res&&res.ok){
        toast('Usuario eliminado','ok');
        loadUsr();
      } else {
        let msg = (res && res.msg) ? res.msg : 'No autorizado';
        toast('Error: ' + msg, 'er');
      }
    });
  },{icon:'fa-trash',danger:true});
}

// ══════════════════════════════════════════════════════════
// BITÁCORA DE ACCESOS
// ══════════════════════════════════════════════════════════
let _bitData=[];
function renderBitacora(el){
  const isProp=APP.user&&APP.user.isPropietario;
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-clipboard-list"></i> Bitácora de Accesos</h2>
  <div class="mod-acts">
    <button class="btn btn-in btn-sm" onclick="exportXLS(_bitData,'Bitacora','bitacora_accesos')"><i class="fas fa-file-excel"></i> Excel</button>
    <button class="btn btn-ol btn-sm" onclick="loadBitacora()"><i class="fas fa-sync"></i> Actualizar</button>
    ${isProp?`<button class="btn btn-er btn-sm" onclick="limpiarBitacora()"><i class="fas fa-trash"></i> Limpiar</button>`:''}
  </div></div>
  <div class="card" style="margin-bottom:14px;background:linear-gradient(135deg,#1a3a5c,#2563a8);color:#fff;padding:14px">
    <div style="display:flex;align-items:center;gap:14px">
      <div style="font-size:36px">🔐</div>
      <div>
        <div style="font-weight:900;font-size:15px">Historial de Inicios de Sesión</div>
        <div style="font-size:12px;opacity:.85;margin-top:3px">Registro de todos los accesos al sistema. ${isProp?'Como propietario tienes acceso completo.':'Acceso otorgado por el propietario.'}</div>
      </div>
    </div>
  </div>
  <div class="card" style="margin-bottom:14px">
    <div class="fr" style="padding:10px 14px">
      <div class="sb2" style="flex:1;min-width:180px"><i class="fas fa-search"></i><input type="text" placeholder="Buscar usuario, email, rol..." oninput="filterBit(this.value)"></div>
      <input type="date" class="fdt" id="bitD" value="${fom()}">
      <input type="date" class="fdt" id="bitH" value="${today()}">
      <select class="fsl" id="bitRol">
        <option value="">Todos los roles</option>
        <option>Propietario</option><option>Admin</option><option>Líder</option><option>Secretario</option><option>Tesorero</option><option>Usuario</option>
      </select>
      <button class="btn btn-pr btn-sm" onclick="loadBitacora()"><i class="fas fa-filter"></i></button>
    </div>
    <div id="bitResumen" style="display:flex;gap:8px;padding:4px 14px 10px"></div>
    <div class="tw"><table>
      <thead><tr>
        <th>Fecha y Hora</th><th>Usuario</th><th>Email</th><th>Rol</th>
        <th>Acción</th><th>Navegador/Dispositivo</th>
      </tr></thead>
      <tbody id="bitTb"></tbody>
    </table></div>
  </div>`;
  loadBitacora();
}
function loadBitacora(){
  const desde=g('bitD')||fom(), hasta=g('bitH')||today(), rol=g('bitRol');
  loading(true);
  call('getBitacora',{desde,hasta,rol},function(_,d){
    loading(false);
    _bitData=Array.isArray(d)?d:[];
    renderBitTb(_bitData);
    renderBitResumen(_bitData);
  });
}
function renderBitResumen(d){
  const el=document.getElementById('bitResumen');if(!el)return;
  const today_str=today();
  const hoy=d.filter(x=>(x['Fecha']||'').startsWith(today_str)).length;
  const total=d.length;
  const props=d.filter(x=>x['Rol']==='Propietario').length;
  el.innerHTML=[
    {l:'Total Accesos',v:total,c:''},
    {l:'Hoy',v:hoy,c:'g'},
    {l:'Propietario',v:props,c:'p'},
    {l:'Otros',v:total-props,c:'i'}
  ].map(s=>`<div class="rc ${s.c}" style="flex:1;padding:10px"><div class="rcv">${s.v}</div><div class="rcl">${s.l}</div></div>`).join('');
}
function renderBitTb(d){
  const tb=document.getElementById('bitTb');if(!tb)return;
  if(!d.length){tb.innerHTML=`<tr><td colspan="6"><div class="empty-r"><i class="fas fa-clipboard-list"></i><p>Sin registros</p></div></td></tr>`;return;}
  tb.innerHTML=d.slice().reverse().map(function(r){
    const isProp=r['Rol']==='Propietario';
    return `<tr>
      <td style="white-space:nowrap;font-size:11px">${esc(r['FechaHora']||r['Fecha']||'—')}</td>
      <td><b>${esc(r['Usuario']||'—')}</b></td>
      <td style="font-size:11px;color:var(--tx2)">${esc(r['Email']||'—')}</td>
      <td><span class="bdg ${isProp?'bp':'bb'}">${esc(r['Rol']||'—')}</span></td>
      <td><span class="bdg ${r['Accion']==='Login'?'bg':'bo'}" style="font-size:10px">${esc(r['Accion']||'—')}</span></td>
      <td style="font-size:10px;color:var(--tx3);max-width:200px;white-space:normal">${esc((r['Detalles']||r['Agente']||'').substring(0,80))}</td>
    </tr>`;
  }).join('');
}
function filterBit(q){
  renderBitTb(_bitData.filter(r=>JSON.stringify(r).toLowerCase().includes(q.toLowerCase())));
}
function limpiarBitacora(){
  if(!(APP.user&&APP.user.isPropietario)){toast('Solo el propietario puede limpiar la bitácora','wa');return;}
  customConfirm('¿Limpiar la bitácora de accesos? Se eliminarán TODOS los registros de historial de logins.',function(ok){
    if(!ok)return;
    loading(true);
    call('limpiarBitacora',{},function(_,res){
      loading(false);
      if(res&&res.ok){toast('Bitácora limpiada','ok');loadBitacora();}
      else toast('Error: '+(res&&res.msg||''),'er');
    });
  },{icon:'fa-trash',danger:true});
}

// ══════════════════════════════════════════════════════════
// CONFIGURACIÓN (solo propietario)
// ══════════════════════════════════════════════════════════
// ── CONTROL DE GASTOS POR EVENTO ──────────────────────────
var _gastosData=[];
var _gastosChart=null;

function renderGastos(el){
  el.innerHTML='<div class="mod-hdr">'
    +'<h2><i class="fas fa-receipt"></i> Control de Gastos por Evento</h2>'
    +'<div class="mod-acts">'
    +'<button class="btn btn-ok btn-sm" onclick="abrirFormGasto(null)"><i class="fas fa-plus"></i> Nuevo Gasto</button>'
    +'<button class="btn btn-in btn-sm" onclick="loadGastos()"><i class="fas fa-sync"></i></button>'
    +'</div></div>'
    +'<div style="background:var(--bg2);border:1px solid var(--brd);border-radius:10px;padding:12px;margin-bottom:14px">'
    +'<div style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end">'
    +'<div class="fgg" style="flex:1;min-width:120px"><label>Evento</label><input class="fc" type="text" id="gFiltEvento" placeholder="Todos" oninput="filtrarGastos()"></div>'
    +'<div class="fgg" style="flex:1;min-width:120px"><label>Desde</label><input class="fc" type="date" id="gFiltDesde" onchange="filtrarGastos()"></div>'
    +'<div class="fgg" style="flex:1;min-width:120px"><label>Hasta</label><input class="fc" type="date" id="gFiltHasta" onchange="filtrarGastos()"></div>'
    +'<div class="fgg" style="flex:1;min-width:120px"><label>Categoria</label>'
    +'<select class="fc" id="gFiltCat" onchange="filtrarGastos()">'
    +'<option value="">Todas</option><option>Alimentacion</option><option>Transporte</option>'
    +'<option>Decoracion</option><option>Sonido</option><option>Impresion</option>'
    +'<option>Limpieza</option><option>Ofrenda</option><option>Otro</option>'
    +'</select></div>'
    +'<button class="btn btn-er btn-sm" onclick="limpiarFiltrosGastos()"><i class="fas fa-times"></i> Limpiar</button>'
    +'</div></div>'
    +'<div id="gastosKpis" style="display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px"></div>'
    +'<div style="background:var(--bg2);border:1px solid var(--brd);border-radius:10px;padding:14px;margin-bottom:14px">'
    +'<div style="display:flex;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px">'
    +'<b style="font-size:13px;color:var(--pr)"><i class="fas fa-chart-bar"></i> Gastos por</b>'
    +'<div style="display:flex;gap:6px">'
    +'<button class="btn btn-sm" id="gvEvento" onclick="switchGastosVistaEvento()" style="background:var(--pr);color:#fff">Por Evento</button>'
    +'<button class="btn btn-sm" id="gvMes" onclick="switchGastosVistaMes()">Por Mes</button>'
    +'<button class="btn btn-sm" id="gvCateg" onclick="switchGastosVistaCateg()">Por Categoria</button>'
    +'</div></div>'
    +'<div style="position:relative;height:200px"><canvas id="gastosCanvas"></canvas></div>'
    +'</div>'
    +'<div style="background:var(--bg2);border:1px solid var(--brd);border-radius:10px;overflow:hidden">'
    +'<div style="padding:10px 14px;border-bottom:1px solid var(--brd);display:flex;justify-content:space-between;align-items:center">'
    +'<b style="font-size:13px;color:var(--pr)">Detalle de Gastos</b>'
    +'<span id="gastosCount" style="font-size:12px;color:var(--tx2)"></span></div>'
    +'<div id="gastosList"><div class="empty-r"><i class="fas fa-circle-notch fa-spin"></i><p>Cargando...</p></div></div>'
    +'</div>';
  loadGastos();
}

function loadGastos(){
  loading(true);
  call('getGastos',{},function(_,res){
    loading(false);
    if(!res||!res.ok){toast('Error cargando gastos','er');return;}
    _gastosData=res.gastos||[];
    filtrarGastos();
  });
}

function filtrarGastos(){
  var evF=(document.getElementById('gFiltEvento')||{}).value||'';
  var deF=(document.getElementById('gFiltDesde')||{}).value||'';
  var haF=(document.getElementById('gFiltHasta')||{}).value||'';
  var caF=(document.getElementById('gFiltCat')||{}).value||'';
  var caCustomF=((document.getElementById('gFiltCatCustom')||{}).value||'').toLowerCase();
  var rows=_gastosData.filter(function(g){
    if(evF&&!(g['Evento']||'').toLowerCase().includes(evF.toLowerCase()))return false;
    if(deF&&g['Fecha']<deF)return false;
    if(haF&&g['Fecha']>haF)return false;
    if(caF&&g['Categoria']!==caF)return false;
    if(caCustomF&&!(g['Categoria']||'').toLowerCase().includes(caCustomF))return false;
    return true;
  });
  renderGastosKpis(rows);
  renderGastosTabla(rows);
  renderGastosChart(rows,'evento');
}

function limpiarFiltrosGastos(){
  ['gFiltEvento','gFiltDesde','gFiltHasta'].forEach(function(id){var el=document.getElementById(id);if(el)el.value='';});
  var cat=document.getElementById('gFiltCat');if(cat)cat.value='';
  filtrarGastos();
}

function renderGastosKpis(rows){
  var total=rows.reduce(function(s,g){return s+(Number(g['MontoQ'])||0);},0);
  var eventos=new Set(rows.map(function(g){return g['Evento'];})).size;
  var prom=rows.length?total/rows.length:0;
  var kpis=document.getElementById('gastosKpis');if(!kpis)return;
  function kpi(icon,lbl,val,color){
    return '<div style="background:var(--bg3);border:1px solid var(--brd);border-radius:10px;padding:12px;text-align:center">'
      +'<i class="fas '+icon+'" style="font-size:20px;color:'+color+';margin-bottom:6px;display:block"></i>'
      +'<div style="font-size:18px;font-weight:800;color:'+color+'">'+val+'</div>'
      +'<div style="font-size:11px;color:var(--tx2);margin-top:2px">'+lbl+'</div></div>';
  }
  kpis.innerHTML=kpi('fa-coins','Total Gastos',fmtQ(total),'#c87f00')+kpi('fa-list','Registros',rows.length,'#2563a8')+kpi('fa-tags','Eventos',eventos,'#7d3c98')+kpi('fa-chart-pie','Prom/Gasto',fmtQ(prom),'#0e6655');
}

function renderGastosTabla(rows){
  var el=document.getElementById('gastosList');
  var cnt=document.getElementById('gastosCount');
  if(!el)return;
  if(cnt)cnt.textContent=rows.length+' registros';
  if(!rows.length){
    el.innerHTML='<div class="empty-r"><i class="fas fa-receipt"></i><p>Sin gastos registrados</p>'
      +'<button class="btn btn-ok btn-sm" onclick="abrirFormGasto(null)">Agregar primer gasto</button></div>';
    return;
  }
  var CATC={'Alimentacion':'#1e7e34','Transporte':'#2563a8','Decoracion':'#7d3c98',
    'Sonido':'#0e6655','Impresion':'#c87f00','Limpieza':'#475569','Ofrenda':'#c0392b','Otro':'#64748b'};
  // Build table using DOM to avoid quote escaping issues in onclick
  var wrap=document.createElement('div');
  wrap.style.overflowX='auto';
  var tbl=document.createElement('table');
  tbl.style.cssText='width:100%;border-collapse:collapse';
  // Header
  var hdr=tbl.insertRow();
  hdr.style.cssText='background:var(--pr);color:#fff';
  ['Fecha','Evento','Categoria','Descripcion','MontoQ','Responsable','Acciones'].forEach(function(h){
    var th=document.createElement('th');
    th.style.cssText='padding:8px 10px;text-align:'+(h==='MontoQ'?'right':'left')+';font-size:11px';
    th.textContent=h;
    hdr.appendChild(th);
  });
  tbl.appendChild(document.createElement('thead')).appendChild(hdr);
  var tbody=document.createElement('tbody');
  rows.forEach(function(g,i){
    var tr=tbody.insertRow();
    tr.style.background=i%2===0?'var(--bg2)':'var(--bg3)';
    var cc=CATC[g['Categoria']]||'#64748b';
    // Fecha
    var td1=tr.insertCell();td1.style.cssText='padding:7px 10px;font-size:12px';td1.textContent=fmtF(g['Fecha']);
    // Evento
    var td2=tr.insertCell();td2.style.cssText='padding:7px 10px;font-size:12px;font-weight:600';td2.textContent=g['Evento']||'-';
    // Categoria
    var td3=tr.insertCell();td3.style.cssText='padding:7px 10px';
    var span=document.createElement('span');
    span.style.cssText='background:'+cc+'33;color:'+cc+';font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px';
    span.textContent=g['Categoria']||'-';
    td3.appendChild(span);
    // Descripcion
    var td4=tr.insertCell();td4.style.cssText='padding:7px 10px;font-size:12px';td4.textContent=g['Descripcion']||'-';
    // Monto
    var td5=tr.insertCell();td5.style.cssText='padding:7px 10px;font-size:13px;font-weight:800;color:#c87f00;text-align:right;font-family:monospace';td5.textContent=fmtQ(g['MontoQ']);
    // Responsable
    var td6=tr.insertCell();td6.style.cssText='padding:7px 10px;font-size:12px';td6.textContent=g['Responsable']||'-';
    // Acciones - use closure to capture g
    var td7=tr.insertCell();td7.style.cssText='padding:7px 10px;text-align:center;white-space:nowrap';
    (function(gasto){
      var btnEdit=document.createElement('button');
      btnEdit.className='btn btn-sm';
      btnEdit.style.cssText='font-size:10px;padding:3px 8px;background:var(--inf);color:#fff;margin-right:3px';
      btnEdit.innerHTML='<i class="fas fa-edit"></i>';
      btnEdit.onclick=function(){abrirFormGasto(gasto);};
      var btnDel=document.createElement('button');
      btnDel.className='btn btn-sm';
      btnDel.style.cssText='font-size:10px;padding:3px 8px;background:var(--err);color:#fff';
      btnDel.innerHTML='<i class="fas fa-trash"></i>';
      btnDel.onclick=function(){eliminarGasto(gasto['ID']);};
      td7.appendChild(btnEdit);
      td7.appendChild(btnDel);
    })(g);
  });
  tbl.appendChild(tbody);
  wrap.appendChild(tbl);
  el.innerHTML='';
  el.appendChild(wrap);
}


function switchGastosVistaEvento(){switchGastosVista('evento');}
function switchGastosVistaMes(){switchGastosVista('mes');}
function switchGastosVistaCateg(){switchGastosVista('categ');}
function switchGastosVista(vista){
  ['gvEvento','gvMes','gvCateg'].forEach(function(id){var b=document.getElementById(id);if(b){b.style.background='var(--bg3)';b.style.color='var(--tx)';}});
  var k='gv'+vista.charAt(0).toUpperCase()+vista.slice(1);
  var a=document.getElementById(k);if(a){a.style.background='var(--pr)';a.style.color='#fff';}
  var rows=_gastosData;
  renderGastosChart(rows,vista);
}

function renderGastosChart(rows,vista){
  vista=vista||'evento';
  var canvas=document.getElementById('gastosCanvas');if(!canvas)return;
  if(_gastosChart){try{_gastosChart.destroy();}catch(e){}_gastosChart=null;}
  var grouped={};
  rows.forEach(function(g){
    var key=vista==='evento'?(g['Evento']||'Sin evento'):vista==='mes'?(g['Fecha']||'').substring(0,7)||'Sin fecha':(g['Categoria']||'Sin categoria');
    if(!grouped[key])grouped[key]=0;
    grouped[key]+=Number(g['MontoQ'])||0;
  });
  var labels=Object.keys(grouped);
  var vals=labels.map(function(k){return grouped[k];});
  var COLS=['#1a3a5c','#1e7e34','#2563a8','#7d3c98','#0e6655','#c87f00','#c0392b','#16213e'];
  if(!labels.length)return;
  try{
    _gastosChart=new Chart(canvas,{type:vista==='categ'?'doughnut':'bar',
      data:{labels:labels,datasets:[{label:'Q Gastos',data:vals,backgroundColor:labels.map(function(_,i){return COLS[i%COLS.length];}),borderRadius:vista!=='categ'?4:0,borderWidth:0}]},
      options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:vista==='categ',position:'right',labels:{font:{size:10},boxWidth:12}}},
        scales:vista!=='categ'?{y:{beginAtZero:true,ticks:{callback:function(v){return 'Q '+v.toFixed(0);},font:{size:10}}},x:{ticks:{font:{size:10}}}}:{}}});
  }catch(e){console.error('Chart:',e);}
}


function toggleCatCustom(){
  var sel=document.getElementById('gf_cat');
  var wrap=document.getElementById('gf_cat_custom_wrap');
  if(!sel||!wrap)return;
  wrap.style.display=sel.value==='Otro'?'block':'none';
  if(sel.value==='Otro'){
    var inp=document.getElementById('gf_cat_custom');
    if(inp)inp.focus();
  }
}

function abrirFormGasto(gasto){
  var isEdit=!!(gasto&&gasto['ID']);
  var today=new Date().toISOString().split('T')[0];
  var cats=['Alimentacion','Transporte','Decoracion','Sonido','Impresion','Limpieza','Ofrenda','Otro'];
  var mets=['Efectivo','Transferencia','Cheque','Tarjeta','Otro'];
  // Build form using string concat with double-quoted attributes (safe)
  // Check if current categoria is a custom one (not in standard list)
  var currentCat=gasto&&gasto['Categoria']||'';
  var isCustomCat=currentCat&&cats.indexOf(currentCat)<0;
  // If custom, show 'Otro' selected and pre-fill the custom input
  var catOpts=cats.map(function(c){
    var sel=(c===currentCat)||(isCustomCat&&c==='Otro')?'selected':'';
    return '<option '+sel+'>'+c+'</option>';
  }).join('');
  var metOpts=mets.map(function(m){
    return '<option'+(gasto&&gasto['Metodo']===m?' selected':'')+'>'+m+'</option>';
  }).join('');
  var body='<div class="fgg"><label>Fecha *</label>'
    +'<input class="fc" type="date" id="gf_fecha" value="'+(gasto&&gasto['Fecha']||today)+'"></div>'
    +'<div class="fgg"><label>Evento *</label>'
    +'<input class="fc" type="text" id="gf_evento" value="'+esc(gasto&&gasto['Evento']||'')+'" placeholder="Ej: Campamento, Culto especial..."></div>'
    +'<div class="fgg"><label>Categoria</label>'
    +'<select class="fc" id="gf_cat" onchange="toggleCatCustom()">'
    +'<option value="">Seleccionar...</option>'+catOpts+'</select></div>'
    +'<div class="fgg" id="gf_cat_custom_wrap" style="display:'+(isCustomCat?'block':'none')+'"><label>Especifica la categoria</label>'
    +'<input class="fc" type="text" id="gf_cat_custom" placeholder="Escribe tu categoria..." value="'+esc(isCustomCat?currentCat:'')+'"></div>'
    +'<div class="fgg"><label>Descripcion *</label>'
    +'<textarea class="fc" id="gf_desc" rows="2">'+esc(gasto&&gasto['Descripcion']||'')+'</textarea></div>'
    +'<div style="display:flex;gap:10px">'
    +'<div class="fgg" style="flex:1"><label>Monto Q *</label>'
    +'<input class="fc" type="number" step="0.01" min="0" id="gf_monto" value="'+(gasto&&gasto['MontoQ']||'')+'"></div>'
    +'<div class="fgg" style="flex:1"><label>Metodo Pago</label>'
    +'<select class="fc" id="gf_metodo">'+metOpts+'</select></div></div>'
    +'<div class="fgg"><label>Responsable</label>'
    +'<input class="fc" type="text" id="gf_resp" value="'+esc(gasto&&gasto['Responsable']||'')+'"></div>'
    +'<div class="fgg"><label>Observaciones</label>'
    +'<input class="fc" type="text" id="gf_obs" value="'+esc(gasto&&gasto['Observaciones']||'')+'"></div>';
  // Store ID for guardarGasto to use - avoids quote issues in onclick
  window._editGastoId=isEdit?gasto['ID']:'';
  var foot='<button class="btn btn-ol" onclick="closeModal()">Cancelar</button>'
    +'<button class="btn btn-ok" onclick="guardarGasto(window._editGastoId)">'
    +'<i class="fas fa-save"></i> '+(isEdit?'Actualizar':'Guardar')+'</button>';
  openModal((isEdit?'Editar':'Nuevo')+' Gasto',body,foot,'m');
}


function guardarGasto(id){
  var fecha=g('gf_fecha'),evento=g('gf_evento'),desc=g('gf_desc'),monto=g('gf_monto');
  if(!fecha||!evento||!desc||!monto){toast('Completa los campos requeridos (*)','wa');return;}
  loading(true);
  var catVal=g('gf_cat');
  if(catVal==='Otro'){var customCat=(g('gf_cat_custom')||'').trim();if(customCat)catVal=customCat;}
  var payload={fecha:fecha,evento:evento,categoria:catVal,descripcion:desc,monto:parseFloat(monto)||0,responsable:g('gf_resp'),metodo:g('gf_metodo'),observaciones:g('gf_obs')};
  if(id)payload.id=id;
  call('saveGasto',payload,function(_,res){
    loading(false);
    if(res&&res.ok){toast(res.msg||'Gasto guardado','ok');closeModal();loadGastos();}
    else{toast('Error: '+(res&&res.msg||'Error'),'er');}
  });
}

function eliminarGasto(id){
  customConfirm('Eliminar este gasto?',function(ok){
    if(!ok)return;
    loading(true);
    call('deleteGasto',{id:id},function(_,res){
      loading(false);
      if(res&&res.ok){toast('Gasto eliminado','ok');loadGastos();}
      else toast('Error eliminando','er');
    });
  },{icon:'fa-trash',danger:true});
}


function renderConfiguracion(el){
  const cfg=APP.config||{};
  if(cfg.menuConfig)initMenuState(cfg.menuConfig);
  const inactMin=cfg.inactividadMinutos||60;
  // Cargar servicios dinámicos actuales
  var svcs=getServiciosDinamicos();

  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-cog"></i> Configuración del Sistema</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="guardarConfig()"><i class="fas fa-save"></i> Guardar Todo</button></div></div>

  <!-- IDENTIDAD IGLESIA -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-church"></i> Identidad de la Iglesia</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:14px">El nombre y logo que configures aquí se verán reflejados en toda la aplicación: login, menú, reportes, PDFs y correos.</p>
    <div style="display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start">
      <!-- Logo preview + botón -->
      <div style="text-align:center">
        <div id="cfgLogoPreview" onclick="uploadLogo()" title="Clic para cambiar logo" style="width:90px;height:90px;border-radius:50%;border:3px dashed var(--brd);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:var(--bg3);transition:border-color .2s" onmouseenter="this.style.borderColor='var(--pr)'" onmouseleave="this.style.borderColor='var(--brd)'">
          ${localStorage.getItem(LOGO_KEY)?'<img src="'+localStorage.getItem(LOGO_KEY)+'" style="width:100%;height:100%;object-fit:cover;border-radius:50%">':'<i class="fas fa-church" style="font-size:36px;color:var(--tx3)"></i>'}
        </div>
        <div style="margin-top:8px;display:flex;flex-direction:column;gap:5px">
          <button class="btn btn-ol btn-sm" onclick="uploadLogo()" style="font-size:11px"><i class="fas fa-image"></i> Cambiar Logo</button>
          <button class="btn btn-er btn-sm" onclick="clearLogoConfig()" style="font-size:10px"><i class="fas fa-trash"></i> Quitar</button>
        </div>
        <p style="font-size:10px;color:var(--tx3);margin-top:6px;max-width:90px">PNG/JPG recomendado cuadrado</p>
      </div>
      <!-- Campos de texto -->
      <div>
        <div class="fgg" style="margin-bottom:12px">
          <label style="font-weight:800">Nombre de la Iglesia / Sistema <span class="req">*</span></label>
          <input class="fc" id="cfgNombre" value="${esc(cfg.nombre||'Iglesia Restauración')}" placeholder="Ej: Iglesia Restauración Familiar" oninput="previewNombreSistema(this.value)">
          <span class="fc-hint">Se mostrará en el login, menú lateral, reportes PDF y correos enviados.</span>
        </div>
        <div class="fgg">
          <label>URL Formulario Digital Externo</label>
          <input class="fc" id="cfgFormUrl" value="${esc(cfg.formUrl||'')}">
        </div>
        <div style="margin-top:10px;padding:10px;background:var(--bg3);border-radius:8px;font-size:12px">
          <b><i class="fas fa-eye" style="color:var(--pr2)"></i> Vista previa del nombre:</b>
          <span id="cfgNombrePreview" style="font-weight:900;color:var(--pr);margin-left:6px">${esc(cfg.nombre||'Iglesia Restauración')}</span>
        </div>
      </div>
    </div>
  </div>

  <!-- ESTADO DEL SISTEMA -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-power-off"></i> Estado del Sistema</div>
    <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px">
      <div style="flex:1;min-width:240px">
        <p style="font-size:13px;color:var(--tx2);margin-bottom:12px">Activa o desactiva el acceso al sistema completo.</p>
        <label class="toggle-lbl" onclick="toggleSistema()">
          <div class="tog" id="sysToggle" style="background:${cfg.activo!==false?'var(--ok)':'var(--err)'}">
            <div class="tog-knob" style="${cfg.activo!==false?'right:3px;left:auto':'left:3px'}"></div>
          </div>
          <span id="sysLabel" style="color:${cfg.activo!==false?'var(--ok)':'var(--err)'};">${cfg.activo!==false?'Sistema ACTIVO':'Sistema DESACTIVADO'}</span>
        </label>
        <div class="fgg" style="margin-top:10px"><label><b>Título del Mensaje de Mantenimiento</b></label><input class="fc" id="cfgTitleMant" value="${esc(cfg.titleMantenimiento||'Sistema en Mantenimiento')}" placeholder="Ej: Sistema en Mantenimiento"></div>
        <div class="fgg" style="margin-top:6px"><label>Mensaje de Mantenimiento</label><input class="fc" id="cfgMsgMant" value="${esc(cfg.msgMantenimiento||'El sistema no está disponible en este momento.')}" placeholder="Mensaje que verán los usuarios"></div>
      </div>
      <div style="background:var(--bg3);border-radius:10px;padding:14px;font-size:12px;min-width:200px">
        <div style="margin-bottom:4px"><b>Versión:</b> v5.1</div>
        <div style="margin-bottom:4px"><b>Timezone:</b> America/Guatemala</div>
        <div style="margin-bottom:4px"><b>Moneda:</b> Quetzal (Q)</div>
        <div style="font-size:10px;word-break:break-all"><b>Spreadsheet ID:</b> ${esc(cfg.ssId||'')}</div>
      </div>
    </div>
  </div>

  <!-- INACTIVIDAD -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-clock"></i> Tiempo de Inactividad</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:12px">Tiempo en minutos sin actividad antes de cerrar sesión automáticamente.</p>
    <div class="fg2">
      <div class="fgg"><label>Minutos de inactividad</label>
        <select class="fc" id="cfgInact">
          ${[15,30,45,60,90,120,240,480].map(m=>`<option value="${m}" ${inactMin===m?'selected':''}>${m} minutos${m===60?' (recomendado)':''}</option>`).join('')}
        </select>
      </div>
      <div class="fgg"><label>Meta de Grupos por Mes</label><input class="fc" type="number" min="1" id="cfgMetaGrupos" value="${esc(cfg.metaGrupos||'407')}" placeholder="407"><span class="fc-hint">Grupos esperados por mes (gráfica dashboard)</span></div>
    </div>
  </div>

  <!-- DÍAS Y HORARIOS DE SERVICIOS DINÁMICO -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-calendar-check"></i> Días y Horarios de Servicios</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:4px">Define los servicios semanales de la iglesia. Estos nombres se usarán en el <b>Cronograma</b> y <b>Privilegios</b>.</p>
    <p style="font-size:12px;color:var(--tx3);margin-bottom:14px"><i class="fas fa-info-circle"></i> Agrega todos los servicios que necesites. Ej: "Martes 7:00 PM", "Viernes Jóvenes 6:00 PM", "Domingo 9:00 AM".</p>

    <div id="svcsContainer" style="display:flex;flex-direction:column;gap:8px;margin-bottom:12px">
      ${svcs.map((s,i)=>`
      <div class="svc-row" id="svcRow_${i}" style="display:flex;align-items:center;gap:8px;background:var(--bg3);padding:8px 12px;border-radius:8px;border:1px solid var(--brd)">
        <div style="width:28px;height:28px;background:var(--pr);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0">
          <i class="fas fa-clock" style="color:#fff;font-size:12px"></i>
        </div>
        <input class="fc svc-label-input" data-idx="${i}" value="${esc(s.label)}" placeholder="Ej: Martes 7:00 PM" style="flex:1;margin:0;height:36px" oninput="updateSvcPreview()">
        <button onclick="removeSvcRow(${i})" class="btn btn-er btn-sm" style="flex-shrink:0;padding:6px 10px" title="Eliminar servicio"><i class="fas fa-trash"></i></button>
        <div style="cursor:grab;color:var(--tx3);padding:0 4px;font-size:14px" title="Arrastrar para reordenar">⠿</div>
      </div>`).join('')}
    </div>

    <button class="btn btn-ok btn-sm" onclick="addSvcRow()" style="margin-bottom:14px">
      <i class="fas fa-plus"></i> Agregar Servicio
    </button>

    <div style="background:rgba(37,99,168,.07);border-radius:8px;padding:10px 14px;border-left:3px solid var(--pr2)">
      <div style="font-size:11px;font-weight:800;color:var(--pr);margin-bottom:6px"><i class="fas fa-eye"></i> Vista previa — Horarios en Cronograma:</div>
      <div id="svcPreviewList" style="display:flex;flex-wrap:wrap;gap:6px">
        ${svcs.map(s=>`<span style="background:var(--pr);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700"><i class="fas fa-calendar-day"></i> ${esc(s.label)}</span>`).join('')}
      </div>
    </div>
  </div>

  <!-- LINK FORMULARIO -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-link"></i> Link del Formulario Digital</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:10px">Comparte este enlace con tus líderes. Los reportes llegan marcados como <b>⚠ Pendiente</b>.</p>
    <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
      <div style="flex:1;background:var(--bg3);border-radius:8px;padding:10px 12px;font-size:12px;font-family:monospace;word-break:break-all;color:var(--pr)" id="cfgFormUrlDisp">${APP.formUrlPublic||'Disponible después de implementar'}</div>
      <button class="btn btn-pr btn-sm" onclick="copiarUrl()"><i class="fas fa-copy"></i> Copiar</button>
      <a href="${APP.formUrlPublic||'#'}" target="_blank" class="btn btn-ol btn-sm" id="cfgAbrirForm"><i class="fas fa-external-link-alt"></i> Abrir</a>
    </div>
  </div>

  <!-- MENÚ LATERAL -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-bars"></i> Menú Lateral — Activar/Desactivar Módulos</div>
    <p style="font-size:12px;color:var(--tx2);margin-bottom:12px">Activa o desactiva módulos para <b>todos los usuarios</b> (el propietario siempre los ve todos).</p>
    <div id="menuToggles">
      ${ALL_MENU.filter(m=>m.id!=='dashboard'&&m.id!=='configuracion').map(m=>`
      <div class="menu-toggle-row">
        <div class="ml-name"><i class="fas ${m.icon}" style="color:var(--pr);width:16px"></i>${m.label} <span style="font-size:10px;color:var(--tx3)">(${m.section})</span></div>
        <label class="toggle-lbl" style="gap:8px" onclick="toggleMenu('${m.id}')">
          <div class="tog" id="mt_${m.id}" style="width:38px;height:22px;background:${!cfg.menuConfig||cfg.menuConfig[m.id]!==false?'var(--ok)':'var(--err)'}">
            <div class="tog-knob" style="width:16px;height:16px;${!cfg.menuConfig||cfg.menuConfig[m.id]!==false?'right:3px;left:auto':'left:3px'}"></div>
          </div>
          <span id="mts_${m.id}" style="font-size:12px;color:${!cfg.menuConfig||cfg.menuConfig[m.id]!==false?'var(--ok)':'var(--err)'}">${!cfg.menuConfig||cfg.menuConfig[m.id]!==false?'Activo':'Inactivo'}</span>
        </label>
      </div>`).join('')}
    </div>
  </div>

  <!-- BITÁCORA ACCESOS (acceso rápido desde config) -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-clipboard-list"></i> Bitácora de Accesos</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:12px">Historial de todos los inicios de sesión del sistema. Solo el propietario puede ver todo y limpiarla. También puedes otorgar acceso a admins desde <b>Usuarios</b>.</p>
    <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
      <button class="btn btn-pr" onclick="nav('bitacora')"><i class="fas fa-clipboard-list"></i> Ver Bitácora Completa</button>
      <div id="cfgBitResumen" style="font-size:12px;color:var(--tx2)"><i class="fas fa-circle-notch fa-spin"></i> Cargando...</div>
    </div>
  </div>

  <!-- ASISTENTE IA -->
  <div class="cfg-section">
    <div class="cfg-section-title">
      <i class="fas fa-robot" style="color:var(--pr2)"></i> Asistente IA
      ${((cfg.gemini_api_key&&cfg.gemini_api_key.length>10)||(cfg.openrouter_api_key&&cfg.openrouter_api_key.length>10)||(cfg.deepseek_api_key&&cfg.deepseek_api_key.length>10))?
        '<span style="background:var(--ok);color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:700;margin-left:8px">Activo</span>':
        '<span style="background:var(--err);color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:700;margin-left:8px">Sin configurar</span>'}
    </div>
    <p style="font-size:12px;color:var(--tx2);margin-bottom:10px">
      Soporta <b>Google Gemini</b>, <b>OpenRouter</b> y <b>DeepSeek</b>.
      Modo Auto: usa Gemini primero, fallback a OpenRouter o DeepSeek.
    </p>
    <div style="background:var(--bg3);border-radius:8px;padding:10px;margin-bottom:10px">
      <div style="display:flex;align-items:center;justify-content:space-between">
        <div>
          <div style="font-weight:700;font-size:13px">Bot de Pantalla</div>
          <div style="font-size:11px;color:var(--tx2)">Activa/desactiva el asistente flotante para todos</div>
        </div>
        <button type="button" id="cfgBotToggleBtn" onclick="toggleBotHabilitado()"
          style="min-width:52px;height:28px;border-radius:14px;border:none;cursor:pointer;
                 font-size:11px;font-weight:700;color:#fff;padding:0 10px">
        </button>
        <input type="hidden" id="cfgBotHabilitadoVal" value="${cfg.bot_habilitado!==false?'SI':'NO'}">
      </div>
    </div>
    <div style="margin-bottom:8px">
      <span style="font-size:11px;font-weight:700;color:var(--tx2)">Proveedor:</span>
      <select class="fc" id="cfgAIProvider" style="width:auto;display:inline-block;margin-left:8px;padding:4px 8px;font-size:12px" onchange="selectProvider(this.value)">
        <option value="auto" ${cfg.ai_provider==='gemini'||cfg.ai_provider==='openrouter'||cfg.ai_provider==='deepseek'?'':'selected'}>Auto (Recomendado)</option>
        <option value="gemini" ${cfg.ai_provider==='gemini'?'selected':''}>Solo Gemini</option>
        <option value="openrouter" ${cfg.ai_provider==='openrouter'?'selected':''}>Solo OpenRouter</option>
        <option value="deepseek" ${cfg.ai_provider==='deepseek'?'selected':''}>Solo DeepSeek</option>
      </select>
    </div>
    <div style="border:1px solid #dbeafe;border-radius:8px;padding:10px;margin-bottom:8px;background:#eff6ff">
      <div style="font-size:11px;font-weight:700;color:#1d4ed8;margin-bottom:6px"><i class="fab fa-google"></i> Google Gemini <span style="font-size:9px;color:#6b7280;font-weight:400">- Gratis, max 15 req/min</span></div>
      <input class="fc" type="password" id="cfgGeminiKey" value="${esc(cfg.gemini_api_key||'')}" placeholder="AIzaSy..." style="font-family:monospace;margin-bottom:6px">
      <div style="display:flex;gap:6px">
        <button class="btn btn-sm" style="background:#1d4ed8;color:#fff" onclick="probarBot('gemini')"><i class="fas fa-vial"></i> Probar</button>
        <a href="https://aistudio.google.com/apikey" target="_blank" class="btn btn-ol btn-sm"><i class="fas fa-external-link-alt"></i> Obtener Key</a>
      </div>
    </div>
    <div style="border:1px solid #d1fae5;border-radius:8px;padding:10px;background:#f0fdf4">
      <div style="font-size:11px;font-weight:700;color:#15803d;margin-bottom:4px"><i class="fas fa-network-wired"></i> OpenRouter <span style="background:#dcfce7;color:#15803d;font-size:8px;font-weight:800;padding:2px 6px;border-radius:20px;margin-left:4px">RECOMENDADO</span></div>
      <div style="font-size:10px;color:#4b7c59;margin-bottom:6px">Mistral, Qwen, Llama - gratis. Sin rate limit. Registrate en <a href="https://openrouter.ai" target="_blank" style="color:#15803d;font-weight:700">openrouter.ai</a></div>
      <input class="fc" type="password" id="cfgOpenrouterKey" value="${esc(cfg.openrouter_api_key||'')}" placeholder="sk-or-v1-..." style="font-family:monospace;margin-bottom:6px">
      <div style="display:flex;gap:6px">
        <button class="btn btn-sm" style="background:#15803d;color:#fff" onclick="probarBot('openrouter')"><i class="fas fa-vial"></i> Probar</button>
        <a href="https://openrouter.ai/keys" target="_blank" class="btn btn-ol btn-sm"><i class="fas fa-external-link-alt"></i> Obtener Key</a>
      </div>
    </div>
    <div style="border:1px solid #e0d4fc;border-radius:8px;padding:10px;margin-top:8px;background:#f5f0ff">
      <div style="font-size:11px;font-weight:700;color:#6d28d9;margin-bottom:4px"><i class="fas fa-microchip"></i> DeepSeek <span style="background:#ede9fe;color:#5b21b6;font-size:8px;font-weight:800;padding:2px 6px;border-radius:20px;margin-left:4px">BARATO</span></div>
      <div style="font-size:10px;color:#6d4fa0;margin-bottom:6px">Modelo deepseek-chat. Muy economico (~$0.28/M tokens). <a href="https://platform.deepseek.com" target="_blank" style="color:#6d28d9;font-weight:700">platform.deepseek.com</a></div>
      <input class="fc" type="password" id="cfgDeepSeekKey" value="${esc(cfg.deepseek_api_key||'')}" placeholder="sk-..." style="font-family:monospace;margin-bottom:6px">
      <div style="display:flex;gap:6px">
        <button class="btn btn-sm" style="background:#6d28d9;color:#fff" onclick="probarBot('deepseek')"><i class="fas fa-vial"></i> Probar</button>
        <a href="https://platform.deepseek.com/api_keys" target="_blank" class="btn btn-ol btn-sm"><i class="fas fa-external-link-alt"></i> Obtener Key</a>
      </div>
    </div>
    <div id="botTestResult" style="margin-top:8px"></div>
  </div>
    <!-- SOPORTE Y CONTACTO -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-headset"></i> Soporte Técnico</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:14px">
      Datos de contacto del proveedor del sistema. El asistente IA usará estos datos cuando no pueda resolver un problema.
    </p>
    <div class="fg2">
      <div class="fgg">
        <label>📱 WhatsApp de Soporte</label>
        <input class="fc" id="cfgWhatsappSoporte" value="${esc(cfg.whatsapp_soporte||'+502 5830-3182')}" placeholder="+502 5555-5555">
        <span class="fc-hint">Número al que se dirigirán los usuarios para soporte</span>
      </div>
      <div class="fgg">
        <label>👤 Nombre del Soporte</label>
        <input class="fc" id="cfgNombreSoporte" value="${esc(cfg.nombre_soporte||'Total App GT - Daniel Martínez')}" placeholder="Nombre del contacto">
      </div>
    </div>
    <div style="margin-top:12px;background:rgba(37,211,102,.08);border-radius:10px;padding:12px 16px;border-left:3px solid #25d366;display:flex;align-items:center;gap:12px">
      <i class="fab fa-whatsapp" style="font-size:24px;color:#25d366"></i>
      <div>
        <div style="font-weight:800;font-size:13px">${esc(cfg.nombre_soporte||'Total App GT - Daniel Martínez')}</div>
        <a href="https://wa.me/${(cfg.whatsapp_soporte||'+502 5830-3182').replace(/[^0-9+]/g,'')}" target="_blank"
          style="color:#25d366;font-weight:700;font-size:13px">${esc(cfg.whatsapp_soporte||'+502 5830-3182')}</a>
      </div>
      <button class="btn btn-sm" style="margin-left:auto;background:#25d366;color:#fff;border:none"
      onclick="window.open('https://wa.me/${(cfg.whatsapp_soporte||'+502 5830-3182').replace(/[^0-9]/g,'')}?text=Hola,%20necesito%20soporte%20con%20el%20sistema%20REDIL','_blank')">
      <i class="fab fa-whatsapp"></i> Contactar
      </button>
    </div>
  </div>

  <!-- SPREADSHEET / INSTALACIÓN -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-database"></i> Spreadsheet e Instalación</div>
    <div class="fg2" style="margin-bottom:14px">
      <div class="fgg"><label>ID del Google Spreadsheet</label><input class="fc" id="cfgSsId" value="${esc(cfg.ssId||'')}"><span class="fc-hint">El ID está en la URL: /spreadsheets/d/<b>ID</b>/edit</span></div>
      <div class="fgg"><label>ID Carpeta Drive para PDFs (Sistema)</label><input class="fc" id="cfgDriveId" value="${esc(cfg.driveFolderId||'')}"><span class="fc-hint">Carpeta principal. Los reportes, cronograma y Excel se guardan aquí.</span></div>
      <div class="fgg"><label>ID Carpeta Drive para PDFs (Bot Telegram)</label><input class="fc" id="cfgBotPdfFolderId" value="${esc(cfg.botPdfFolderId||'')}"><span class="fc-hint">Opcional. Si se deja vacío, usa la carpeta principal. Los PDF del bot se guardan aquí.</span></div>
      <div class="fgg"><label>Lema / ID para PDF (Bot Telegram)</label><input class="fc" id="cfgPdfId" value="${esc(cfg.pdf_id||'')}" placeholder="Ej: REDIL · Iglesia Restauración"><span class="fc-hint">Texto que aparece en el encabezado de los PDFs generados por el bot.</span></div>
      <div class="fgg" style="display:flex;flex-direction:column;justify-content:flex-end;gap:8px">
        <button class="btn btn-pr" onclick="probarConexion()"><i class="fas fa-plug"></i> Probar Conexión</button>
        <button class="btn btn-ok" onclick="inicializar()"><i class="fas fa-magic"></i> Inicializar Hojas</button>
      </div>
    </div>
    <div id="conexStatus"></div>
  </div>

  <!-- CORREO ELECTRÓNICO (SMTP) -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-envelope"></i> Correo Electrónico (SMTP)</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:10px">Configuración para enviar correos desde el sistema. Usa Gmail con una Contraseña de Aplicación.</p>
    <div class="fg2">
      <div class="fgg"><label>Usuario SMTP (correo)</label><input class="fc" id="cfgSmtpUser" value="${esc(cfg.smtp_user||'totalappgt@gmail.com')}"></div>
      <div class="fgg"><label>Contraseña SMTP (App Password)</label><input class="fc" type="password" id="cfgSmtpPassword" value="${esc(cfg.smtp_password||'')}" placeholder="App Password de Gmail"></div>
      <div class="fgg" style="display:flex;flex-direction:column;justify-content:flex-end;gap:8px">
        <button class="btn btn-pr" onclick="probarCorreo()"><i class="fas fa-paper-plane"></i> Probar Envío</button>
      </div>
    </div>
  </div>

  <!-- TEMA / PALETA DE COLORES -->
  <div class="cfg-section">
    <div class="cfg-section-title"><i class="fas fa-palette"></i> Tema del Sistema</div>
    <p style="font-size:13px;color:var(--tx2);margin-bottom:10px">Elige un esquema de colores predefinido. El cambio se ve al instante con "Vista Previa".</p>
    <div class="fg2">
      <div class="fgg">
        <label>Esquema de Color</label>
        <select class="fc" id="cfgThemePreset" onchange="onThemePresetChange()">
          ${function(){
            var tc=APP.config&&APP.config.theme_colors||'';
            var cur='';
            try{cur=JSON.parse(tc).preset||'';}catch(e){}
            return THEME_PRESETS.map(function(p){return '<option value="'+p.id+'"'+(cur===p.id||(!cur&&p.id==='iglesia')?' selected':'')+'>'+p.nombre+'</option>';}).join('');
          }()}
        </select>
        <span class="fc-hint">Elige un esquema predeterminado o "Personalizado" para usar tus propios colores.</span>
      </div>
      <div class="fgg" id="cfgThemeAccentWrap" style="display:none">
        <label>Color Acento (opcional)</label>
        <div style="display:flex;gap:8px;align-items:center">
          <input type="color" id="cfgThemeAccent" value="${extraeColor('#e8a020','ac')}" style="width:42px;height:36px;border:1px solid var(--brd);border-radius:6px;cursor:pointer;padding:2px;background:none">
          <span style="font-size:11px;color:var(--tx3)">Sobrescribe el color de acento del esquema</span>
        </div>
      </div>
    </div>
    <!-- Previews de paletas -->
    <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:4px" id="cfgThemePreview">
      ${function(){
        var tc=APP.config&&APP.config.theme_colors||'';
        var cur='';
        try{cur=JSON.parse(tc).preset||'';}catch(e){}
        return THEME_PRESETS.map(function(p){
          var active=(cur===p.id||(!cur&&p.id==='iglesia'));
          return '<div class="theme-card'+(active?' theme-card-active':'')+'" data-preset="'+p.id+'" onclick="selectThemePreset(\''+p.id+'\')" title="'+p.nombre+'">'
            +'<div class="theme-swatches">'
            +Object.keys(p.colors).slice(0,4).map(function(k){return '<span style="background:'+p.colors[k]+';width:18px;height:18px;border-radius:4px;display:inline-block"></span>';}).join('')
            +'</div>'
            +'<div style="font-size:10px;font-weight:700;margin-top:4px;text-align:center;color:var(--tx)">'+p.nombre+'</div>'
          +'</div>';
        }).join('');
      }()}
    </div>
    <div style="margin-top:8px;display:flex;gap:8px;flex-wrap:wrap">
      <button class="btn btn-ok btn-sm" onclick="vistaPreviaTema()"><i class="fas fa-eye"></i> Vista Previa</button>
      <button class="btn btn-er btn-sm" onclick="restaurarTemaDefecto()"><i class="fas fa-undo"></i> Default</button>
    </div>
  </div>`;
  setTimeout(initBotToggle,20);

  call('getFormUrl',{},(_, res)=>{if(res&&res.ok){APP.formUrlPublic=res.url;const d=document.getElementById('cfgFormUrlDisp');if(d)d.textContent=res.url;const a=document.getElementById('cfgAbrirForm');if(a)a.href=res.url;}});
  // Cargar resumen rápido de bitácora
  call('getBitacora',{desde:today(),hasta:today()},function(_,d){
    const el=document.getElementById('cfgBitResumen');if(!el)return;
    const arr=Array.isArray(d)?d:[];
    el.innerHTML='<b>Accesos hoy:</b> '+arr.length+' · <a href="#" onclick="nav(\'bitacora\');return false;" style="color:var(--pr2)">Ver todos</a>';
  });
  // Actualizar logo preview si existe
  var lk=localStorage.getItem(LOGO_KEY);
  if(lk){var lp=document.getElementById('cfgLogoPreview');if(lp)lp.innerHTML='<img src="'+lk+'" style="width:100%;height:100%;object-fit:cover;border-radius:50%">';}
}

// Toggles
const _menuState={};
function initMenuState(menuConfig){
  ALL_MENU.forEach(m=>{
    if(m.id==='dashboard'||m.id==='configuracion')return;
    if(menuConfig&&menuConfig[m.id]===false)_menuState[m.id]=false;
    else _menuState[m.id]=menuConfig?menuConfig[m.id]!==false:true;
  });
}
function applyGlobalMenuConfig(menuConfig, isPropietario){
  if(isPropietario) return; // propietario ve todo siempre
  ALL_MENU.forEach(function(m){
    var niEls = document.querySelectorAll('.ni[data-mod="'+m.id+'"]');
    var enabled = !menuConfig || menuConfig[m.id]!==false;
    niEls.forEach(function(el){
      el.style.opacity = enabled ? '' : '0.35';
      el.style.pointerEvents = enabled ? '' : 'none';
    });
  });
}

let _sysActive=true;
function toggleSistema(){
  _sysActive=!_sysActive;
  const tog=document.getElementById('sysToggle');const lbl=document.getElementById('sysLabel');
  if(tog){tog.style.background=_sysActive?'var(--ok)':'var(--err)';const kn=tog.querySelector('.tog-knob');if(kn){kn.style.right=_sysActive?'3px':'auto';kn.style.left=_sysActive?'auto':'3px';}}
  if(lbl){lbl.textContent=_sysActive?'Sistema ACTIVO':'Sistema DESACTIVADO';lbl.style.color=_sysActive?'var(--ok)':'var(--err)';}
}

// ── SERVICIOS DINÁMICOS ───────────────────────────────────
function getServiciosDinamicos(){
  var cfg=APP.config||{};
  // Preferir servicios_dinamicos si existe
  if(cfg.servicios_dinamicos&&Array.isArray(cfg.servicios_dinamicos)&&cfg.servicios_dinamicos.length){
    return cfg.servicios_dinamicos;
  }
  // Fallback a los 4 campos legacy
  return [
    {key:'Lunes',         label:cfg.cron_lunes        ||'Lunes 6:30 PM'},
    {key:'Jueves',        label:cfg.cron_jueves        ||'Jueves 6:30 PM'},
    {key:'Domingo_Mañana',label:cfg['cron_domMañana']  ||'Domingo 7:00 AM'},
    {key:'Domingo_Tarde', label:cfg.cron_domTarde      ||'Domingo 10:30 AM'},
  ];
}

function addSvcRow(){
  var container=document.getElementById('svcsContainer');if(!container)return;
  var idx=container.querySelectorAll('.svc-row').length;
  var div=document.createElement('div');
  div.className='svc-row';
  div.id='svcRow_'+idx;
  div.style.cssText='display:flex;align-items:center;gap:8px;background:var(--bg3);padding:8px 12px;border-radius:8px;border:1px solid var(--brd)';
  div.innerHTML='<div style="width:28px;height:28px;background:var(--ok);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0"><i class="fas fa-clock" style="color:#fff;font-size:12px"></i></div>'
    +'<input class="fc svc-label-input" data-idx="'+idx+'" value="" placeholder="Ej: Viernes 7:00 PM" style="flex:1;margin:0;height:36px" oninput="updateSvcPreview()">'
    +'<button onclick="removeSvcRow('+idx+')" class="btn btn-er btn-sm" style="flex-shrink:0;padding:6px 10px"><i class="fas fa-trash"></i></button>'
    +'<div style="cursor:grab;color:var(--tx3);padding:0 4px;font-size:14px">⠿</div>';
  container.appendChild(div);
  div.querySelector('input').focus();
  updateSvcPreview();
}

function removeSvcRow(idx){
  var rows=document.querySelectorAll('.svc-row');
  if(rows.length<=1){toast('Debes tener al menos un servicio','wa');return;}
  var row=document.getElementById('svcRow_'+idx);
  if(row)row.remove();
  updateSvcPreview();
}

function readSvcRows(){
  var inputs=document.querySelectorAll('.svc-label-input');
  var result=[];
  var keys=['Lunes','Jueves','Domingo_Mañana','Domingo_Tarde','Servicio5','Servicio6','Servicio7','Servicio8','Servicio9','Servicio10'];
  inputs.forEach(function(inp,i){
    var label=inp.value.trim();
    if(label){result.push({key:keys[i]||('Servicio'+(i+1)),label:label});}
  });
  return result;
}

function updateSvcPreview(){
  var svcs=readSvcRows();
  var el=document.getElementById('svcPreviewList');
  if(!el)return;
  el.innerHTML=svcs.map(function(s){
    return '<span style="background:var(--pr);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700"><i class="fas fa-calendar-day"></i> '+esc(s.label)+'</span>';
  }).join('');
}

function previewNombreSistema(val){
  var el=document.getElementById('cfgNombrePreview');if(el)el.textContent=val||'—';
}

function clearLogoConfig(){
  clearLogo();
  var lp=document.getElementById('cfgLogoPreview');
  if(lp)lp.innerHTML='<i class="fas fa-church" style="font-size:36px;color:var(--tx3)"></i>';
}

// Override saveLogo to also update config preview
var _origSaveLogo=saveLogo;
saveLogo=function(){
  _origSaveLogo();
  var lk=localStorage.getItem(LOGO_KEY);
  if(lk){var lp=document.getElementById('cfgLogoPreview');if(lp)lp.innerHTML='<img src="'+lk+'" style="width:100%;height:100%;object-fit:cover;border-radius:50%">';}
};

const THEME_PRESETS=[
  {id:'iglesia',nombre:'⛪ Iglesia (Default)',colors:{'--pr':'#1a3a5c','--pr2':'#2563a8','--ac':'#e8a020','--ok':'#27ae60','--err':'#e74c3c','--pur':'#8e44ad','--inf':'#2980b9','--tl':'#0e6655'}},
  {id:'noche',nombre:'🌙 Noche Azul',colors:{'--pr':'#0f172a','--pr2':'#1e3a5f','--ac':'#60a5fa','--ok':'#34d399','--err':'#f87171','--pur':'#a78bfa','--inf':'#38bdf8','--tl':'#2dd4bf'}},
  {id:'bosque',nombre:'🌲 Bosque',colors:{'--pr':'#14532d','--pr2':'#166534','--ac':'#fbbf24','--ok':'#4ade80','--err':'#fca5a5','--pur':'#c084fc','--inf':'#22d3ee','--tl':'#2dd4bf'}},
  {id:'vino',nombre:'🍷 Vino Tinto',colors:{'--pr':'#4a0e2e','--pr2':'#7c1d4b','--ac':'#f59e0b','--ok':'#10b981','--err':'#ef4444','--pur':'#8b5cf6','--inf':'#3b82f6','--tl':'#14b8a6'}},
  {id:'atardecer',nombre:'🌅 Atardecer',colors:{'--pr':'#7c2d12','--pr2':'#9a3412','--ac':'#fbbf24','--ok':'#22c55e','--err':'#dc2626','--pur':'#a855f7','--inf':'#2563eb','--tl':'#0d9488'}},
  {id:'oceano',nombre:'🌊 Océano',colors:{'--pr':'#0c4a6e','--pr2':'#0369a1','--ac':'#facc15','--ok':'#10b981','--err':'#e11d48','--pur':'#8b5cf6','--inf':'#38bdf8','--tl':'#14b8a6'}},
  {id:'lavanda',nombre:'🪻 Lavanda',colors:{'--pr':'#3b1f54','--pr2':'#5b2d8e','--ac':'#f0abfc','--ok':'#86efac','--err':'#fda4af','--pur':'#d8b4fe','--inf':'#93c5fd','--tl':'#5eead4'}},
  {id:'carbon',nombre:'⚫ Carbón',colors:{'--pr':'#1f2937','--pr2':'#374151','--ac':'#f59e0b','--ok':'#10b981','--err':'#ef4444','--pur':'#8b5cf6','--inf':'#3b82f6','--tl':'#14b8a6'}},
  {id:'personalizado',nombre:'🎨 Personalizado',colors:{'--pr':'#1a3a5c','--pr2':'#2563a8','--ac':'#e8a020','--ok':'#27ae60','--err':'#e74c3c','--pur':'#8e44ad','--inf':'#2980b9','--tl':'#0e6655'}},
];
function extraeColor(def,key){
  if(!APP.config||!APP.config.theme_colors)return def;
  try{var tc=JSON.parse(APP.config.theme_colors);return tc.colors&&tc.colors['--'+key]?tc.colors['--'+key]:(tc['--'+key]||def);}catch(e){return def;}
}
function getThemePresetColors(){
  var sel=document.getElementById('cfgThemePreset');
  var presetId=sel?sel.value:'iglesia';
  var preset=THEME_PRESETS.find(function(p){return p.id===presetId;});
  if(!preset)preset=THEME_PRESETS[0];
  var colors=Object.assign({},preset.colors);
  if(presetId!=='personalizado'){
    var accentEl=document.getElementById('cfgThemeAccent');
    if(accentEl&&accentEl.value&&accentEl.value!=='#e8a020')colors['--ac']=accentEl.value;
  }
  return colors;
}
function serializeTema(){
  var sel=document.getElementById('cfgThemePreset');
  var presetId=sel?sel.value:'iglesia';
  var colors=getThemePresetColors();
  var obj={preset:presetId,colors:colors};
  return JSON.stringify(obj);
}
function vistaPreviaTema(){
  var s=document.getElementById('themeOverride');
  if(!s){s=document.createElement('style');s.id='themeOverride';document.head.appendChild(s);}
  var raw=serializeTema();
  try{var pr=JSON.parse(raw);var c=pr.colors||{};s.textContent=':root{'+Object.keys(c).map(function(k){return k+':'+c[k]+';'}).join('')+'}';}catch(e){}
}
function restaurarTemaDefecto(){
  var sel=document.getElementById('cfgThemePreset');if(sel)sel.value='iglesia';
  var accent=document.getElementById('cfgThemeAccent');if(accent)accent.value='#e8a020';
  document.getElementById('cfgThemeAccentWrap').style.display='none';
  onThemePresetChange();
  vistaPreviaTema();
}
function onThemePresetChange(){
  var sel=document.getElementById('cfgThemePreset');
  var wrap=document.getElementById('cfgThemeAccentWrap');
  var preview=document.getElementById('cfgThemePreview');
  if(!sel||!wrap||!preview)return;
  var id=sel.value;
  wrap.style.display=(id!=='personalizado'&&id!=='iglesia')?'block':'none';
  // Actualizar preview cards
  Array.from(preview.children).forEach(function(card){
    card.classList.toggle('theme-card-active',card.getAttribute('data-preset')===id);
  });
  if(id==='personalizado'){
    // Para personalizado se puede añadir un editor inline
  }
}
function selectThemePreset(id){
  var sel=document.getElementById('cfgThemePreset');if(sel)sel.value=id;
  onThemePresetChange();
  vistaPreviaTema();
}

function guardarConfig(){
  var svcs=readSvcRows();
  if(!svcs.length){toast('Debes tener al menos un servicio definido','wa');return;}
  var inactivos=ALL_MENU.filter(m=>m.id!=='dashboard'&&m.id!=='configuracion'&&_menuState[m.id]===false).map(m=>m.id);
  // Compatibilidad legacy: primeros 4 servicios como campos individuales
  var data={
    nombre:g('cfgNombre'),form_url:g('cfgFormUrl'),
    spreadsheet_id:g('cfgSsId'),
    drive_folder_id:g('cfgDriveId')||'',
    sistema_activo:_sysActive?'SI':'NO',
    mensaje_mantenimiento:g('cfgMsgMant'),
    titulo_mantenimiento:g('cfgTitleMant')||'Sistema en Mantenimiento',
    menu_config:JSON.stringify(inactivos),
    inactividad_minutos:g('cfgInact'),
    meta_grupos:g('cfgMetaGrupos')||'407',
    // Legacy fields for backwards compat
    cron_lunes:svcs[0]?svcs[0].label:'Lunes 6:30 PM',
    cron_jueves:svcs[1]?svcs[1].label:'Jueves 6:30 PM',
    cron_domMañana:svcs[2]?svcs[2].label:'Domingo 7:00 AM',
    cron_domTarde:svcs[3]?svcs[3].label:'Domingo 10:30 AM',
    // Nuevo: lista dinámica completa
    servicios_dinamicos:JSON.stringify(svcs),
    logo_url:localStorage.getItem(LOGO_KEY)||'',
    gemini_api_key:g('cfgGeminiKey')||'',
    openrouter_api_key:g('cfgOpenrouterKey')||'',
    deepseek_api_key:g('cfgDeepSeekKey')||'',
    ai_provider:g('cfgAIProvider')||'auto',
    bot_habilitado:g('cfgBotHabilitadoVal')||'SI',
    whatsapp_soporte:g('cfgWhatsappSoporte')||'+502 5830-3182',
    nombre_soporte:g('cfgNombreSoporte')||'Total App GT - Daniel Martínez',
    pdf_id:g('cfgPdfId')||'',
    bot_pdf_folder_id:g('cfgBotPdfFolderId')||'',
    theme_colors:serializeTema(),
    smtp_user:g('cfgSmtpUser')||'totalappgt@gmail.com',
    smtp_password:g('cfgSmtpPassword')||'',
  };
  // Claves individuales módulos
  ALL_MENU.forEach(m=>{if(m.id!=='dashboard'&&m.id!=='configuracion')data['menu_mod_'+m.id]=_menuState[m.id]===false?'NO':'SI';});
  loading(true);
  call('saveConfig',data,(_,res)=>{
    loading(false);
    if(res && res.ok){
      toast('✓ Configuración guardada','ok');
      APP.config=Object.assign(APP.config||{},data,{servicios_dinamicos:svcs});
      var nombre=g('cfgNombre');if(nombre)aplicarNombreSistema(nombre);
      var lk=localStorage.getItem(LOGO_KEY);if(lk)applyLogoToUI(lk);
      buildSidebarMenu(APP.user.menu,APP.user.isPropietario);
      applyGlobalMenuConfig(getMenuConfigFromState(),APP.user.isPropietario);
      var _bEl=document.getElementById('aiBot');
      if(data.bot_habilitado==='NO'){if(_bEl)_bEl.remove();_botInit=false;}
      else if(!_bEl){_botInit=false;setTimeout(initAIBot,300);}
      aplicarTema();
      invalidateDashCache();
      if(APP.mod!=='configuracion')nav(APP.mod,true);
    } else toast('Error: '+(res && res.msg ? res.msg : ''),'er');
  });
}
function getMenuConfigFromState(){const mc={};ALL_MENU.forEach(m=>{if(m.id!=='dashboard')mc[m.id]=_menuState[m.id]!==false;});return mc;}

function probarConexion(){const el=document.getElementById('conexStatus');if(!el)return;el.innerHTML='<p style="font-size:13px;color:var(--inf)"><i class="fas fa-circle-notch fa-spin"></i> Probando...</p>';call('inicializarSistema',{},(_,res)=>{if(res && res.ok)el.innerHTML=`<div style="padding:10px;background:rgba(39,174,96,.1);border-radius:8px;border-left:3px solid var(--ok);font-size:13px;color:var(--ok)"><i class="fas fa-check-circle"></i> <b>Conexión exitosa.</b> ${esc(res.msg)}</div>`;else el.innerHTML=`<div style="padding:10px;background:rgba(231,76,60,.1);border-radius:8px;border-left:3px solid var(--err);font-size:13px;color:var(--err)"><i class="fas fa-times-circle"></i> <b>Error:</b> ${esc(res && res.msg ? res.msg : '')}</div>`;});}
function probarCorreo(){call('enviarReporte',{destinatarios:g('cfgSmtpUser')||'totalappgt@gmail.com',asunto:'Prueba - REDIL',cuerpo:'<p>Este es un correo de prueba desde el Sistema REDIL.</p>'},function(_,res){if(res&&res.ok)toast('Correo de prueba enviado correctamente','ok',5000);else toast('Error: '+(res&&res.msg||'Error al enviar'),'er',6000);});}
function inicializar(){customConfirm('¿Está seguro de inicializar las hojas base? Los datos existentes NO se borrarán.',function(ok){if(!ok)return;loading(true);call('inicializarSistema',{},(_,res)=>{loading(false);if(res && res.ok)toast(res.msg,'ok',5000);else toast('Error: '+(res && res.msg ? res.msg : ''),'er');});},{icon:'fa-database'});}


// ══════════════════════════════════════════════════════════
// 🤖 ASISTENTE IA — Gemini Bot Flotante
// ══════════════════════════════════════════════════════════
var _botOpen=false;
var _botInit=false;

function selectProvider(p){
  var inp=document.getElementById('cfgAIProvider');
  if(inp)inp.value=p;
}

function toggleBotHabilitado(){
  var btn=document.getElementById('cfgBotToggleBtn');
  var hid=document.getElementById('cfgBotHabilitadoVal');
  if(!btn||!hid)return;
  var newOn=(hid.value!=='SI');
  hid.value=newOn?'SI':'NO';
  btn.textContent=newOn?'ON':'OFF';
  btn.style.background=newOn?'#27ae60':'#9ca3af';
  var botEl=document.getElementById('aiBot');
  if(newOn){_botInit=false;if(APP.config)APP.config.bot_habilitado=true;setTimeout(initAIBot,300);}
  else{if(botEl)botEl.remove();_botInit=false;if(APP.config)APP.config.bot_habilitado=false;}
}

function initBotToggle(){
  var btn=document.getElementById('cfgBotToggleBtn');
  var hid=document.getElementById('cfgBotHabilitadoVal');
  if(!btn||!hid)return;
  var isOn=(hid.value==='SI');
  btn.textContent=isOn?'ON':'OFF';
  btn.style.background=isOn?'#27ae60':'#9ca3af';
}

function probarBot(provider){
  provider=provider||'auto';
  var gemKey=(document.getElementById('cfgGeminiKey')||{}).value||'';
  var orKey=(document.getElementById('cfgOpenrouterKey')||{}).value||'';
  var dsKey=(document.getElementById('cfgDeepSeekKey')||{}).value||'';
  var resEl=document.getElementById('botTestResult');
  if(provider==='gemini'&&gemKey.length<20){toast('Ingresa tu Gemini API Key','wa');return;}
  if(provider==='openrouter'&&orKey.length<20){toast('Ingresa tu OpenRouter API Key','wa');return;}
  if(provider==='deepseek'&&dsKey.length<20){toast('Ingresa tu DeepSeek API Key','wa');return;}
  if(provider==='auto'&&gemKey.length<20&&orKey.length<20&&dsKey.length<20){toast('Ingresa al menos una API Key','wa');return;}
  if(resEl)resEl.innerHTML='<p style="font-size:12px;color:var(--tx2)"><i class="fas fa-circle-notch fa-spin"></i> Probando...</p>';
  call('preguntarAI',{pregunta:'Responde solo: ACTIVO',gemini_key:gemKey,openrouter_key:orKey,deepseek_key:dsKey,provider:provider},function(_,res){
    if(res&&res.ok){
      var mod=res.modelo?(' - '+esc(res.modelo)):'';
      if(resEl)resEl.innerHTML='<p style="color:var(--ok);font-size:12px"><i class="fas fa-check-circle"></i> <b>Conexion exitosa</b>'+mod+'</p>';
      toast('Asistente IA funcionando','ok',4000);
    }else{
      var msg=(res&&res.msg)||'Error';
      if(resEl)resEl.innerHTML='<p style="color:var(--err);font-size:12px"><i class="fas fa-times-circle"></i> '+esc(msg)+'</p>';
      toast('Error: '+msg,'er',6000);
    }
  });
}

function initAIBot(){
  if(!APP.user)return;
  var _bcfg=APP.config||{};
  
  // Regla estricta: Si no está configurado explícitamente como 'SI', se mantiene oculto por defecto
  if(_bcfg.bot_habilitado !== 'SI'){
    var _bex=document.getElementById('aiBot');
    if(_bex)_bex.remove();
    _botInit=false;
    return;
  }
  
  if(_botInit)return;
  _botInit=true;
  if(document.getElementById('aiBot'))return;
  
  // Continuar con la creación del bot flotante (Código original)...

  var cfg=APP.config||{};
  var waNum=(cfg.whatsapp_soporte||'+502 5830-3182').replace(/[^0-9]/g,'');
  var waName=cfg.nombre_soporte||'Total App GT - Daniel Martínez';
  var sysNom=cfg.nombre||'REDIL';

  var bot=document.createElement('div');
  bot.id='aiBot';
  bot.style.cssText='position:fixed;bottom:24px;right:24px;z-index:8999;font-family:var(--fn)';
  bot.innerHTML=
    // Botón flotante
    '<button id="aiBotBtn" onclick="toggleAIBot()" title="Asistente "+sysNom style="'
    +'width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1a3a5c,#2563a8);'
    +'border:none;cursor:pointer;box-shadow:0 4px 20px rgba(26,58,92,.5);display:flex;align-items:center;'
    +'justify-content:center;transition:.2s;position:relative">'
    +'<i class="fas fa-robot" id="aiBotIco" style="color:#fff;font-size:22px"></i>'
    +'<span style="position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:var(--ok);border-radius:50%;border:2px solid #fff" id="aiBotDot"></span>'
    +'</button>'
    // Panel de chat
    +'<div id="aiBotPanel" style="display:none;position:absolute;bottom:68px;right:0;width:340px;'
    +'background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.2);overflow:hidden;'
    +'border:1px solid var(--brd)">'
    // Header
    +'<div style="background:linear-gradient(135deg,#1a3a5c,#2563a8);padding:14px 16px;display:flex;align-items:center;gap:10px">'
    +'<div style="width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0">'
    +'<i class="fas fa-robot" style="color:#fff;font-size:16px"></i></div>'
    +'<div style="flex:1">'
    +'<div style="color:#fff;font-weight:800;font-size:13px">Asistente '+esc(sysNom)+'</div>'
    +'<div style="color:rgba(255,255,255,.7);font-size:10px">Powered by Gemini AI · '+esc(waName)+'</div>'
    +'</div>'
    +'<button onclick="toggleAIBot()" style="background:none;border:none;color:rgba(255,255,255,.8);cursor:pointer;font-size:18px;padding:4px;line-height:1">×</button>'
    +'</div>'
    // Mensajes
    +'<div id="aiBotMsgs" style="height:240px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f9fc">'
    +'<div style="background:#e8f0fe;border-radius:14px 14px 14px 4px;padding:10px 13px;font-size:13px;line-height:1.5;max-width:88%">'
    +'👋 ¡Hola! Soy tu asistente de '+esc(sysNom)+'. ¿En qué te puedo ayudar?'
    +'</div>'
    +'<div style="background:#e8f0fe;border-radius:14px 14px 14px 4px;padding:10px 13px;font-size:12px;line-height:1.5;max-width:88%">'
    +'Puedes preguntarme sobre: reportes, líderes, cronograma, configuración, u otros temas del sistema.'
    +'</div>'
    +'</div>'
    // WhatsApp link
    +'<div style="padding:6px 14px;background:#f0fff4;border-top:1px solid #d4edda;text-align:center;font-size:11px">'
    +'¿Problema técnico? <a href="https://wa.me/'+waNum+'?text=Hola, necesito soporte con '+encodeURIComponent(sysNom)+'" '
    +'target="_blank" style="color:#25d366;font-weight:800"><i class="fab fa-whatsapp"></i> '+esc(waName)+'</a>'
    +'</div>'
    // Input
    +'<div style="padding:10px 12px;border-top:1px solid var(--brd);display:flex;gap:8px;background:#fff">'
    +'<input id="aiBotInp" type="text" placeholder="Escribe tu pregunta..." autocomplete="off" '
    +'style="flex:1;padding:9px 12px;border:1.5px solid var(--brd);border-radius:10px;font-size:13px;outline:none;font-family:var(--fn);transition:.15s" '
    +'onfocus="this.style.borderColor=\'var(--pr)\'" onblur="this.style.borderColor=\'var(--brd)\'" '
    +'onkeydown="if(event.key===\'Enter\'&&!event.shiftKey){event.preventDefault();enviarBot();}">'
    +'<button onclick="enviarBot()" title="Enviar" style="background:var(--pr);border:none;color:#fff;border-radius:10px;'
    +'padding:9px 13px;cursor:pointer;font-size:15px;flex-shrink:0;transition:.15s">'
    +'<i class="fas fa-paper-plane"></i></button>'
    +'</div>'
    +'</div>';

  document.body.appendChild(bot);
}

function toggleAIBot(){
  _botOpen=!_botOpen;
  var panel=document.getElementById('aiBotPanel');
  var ico=document.getElementById('aiBotIco');
  var dot=document.getElementById('aiBotDot');
  if(panel)panel.style.display=_botOpen?'block':'none';
  if(ico)ico.className=_botOpen?'fas fa-times':'fas fa-robot';
  if(_botOpen){
    var inp=document.getElementById('aiBotInp');
    if(inp)setTimeout(function(){inp.focus();},100);
    if(dot)dot.style.display='none';
  }
}

function botAddMsg(text,isUser){
  var msgs=document.getElementById('aiBotMsgs');
  if(!msgs)return;
  var div=document.createElement('div');
  var cfg=APP.config||{};
  var waNum=(cfg.whatsapp_soporte||'+502 5830-3182').replace(/[^0-9]/g,'');
  var waName=cfg.nombre_soporte||'Total App GT';
  
  if(isUser){
    div.style.cssText='background:var(--pr);color:#fff;border-radius:14px 14px 4px 14px;padding:10px 13px;font-size:13px;line-height:1.5;max-width:88%;align-self:flex-end';
    div.textContent=text;
  }else{
    div.style.cssText='background:#e8f0fe;color:#222;border-radius:14px 14px 14px 4px;padding:10px 13px;font-size:13px;line-height:1.5;max-width:92%';
    // Convert **bold** and line breaks
    var html=esc(text)
      .replace(/\*\*(.*?)\*\*/g,'<b>$1</b>');
    html=html.replace(/\n/g,'<br>');
    // Add WhatsApp link if suggests contacting admin
    if(text.toLowerCase().includes('administrador')||text.toLowerCase().includes('soporte')||text.toLowerCase().includes('contactar')){
      html+='<br><br><a href="https://wa.me/'+waNum+'?text=Hola+necesito+soporte" target="_blank" '
        +'style="display:inline-flex;align-items:center;gap:5px;background:#25d366;color:#fff;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none">'
        +'<i class="fab fa-whatsapp"></i> Contactar: '+esc(waName)+'</a>';
    }
    div.innerHTML=html;
  }
  msgs.appendChild(div);
  msgs.scrollTop=msgs.scrollHeight;
}

function enviarBot(){
  var inp=document.getElementById('aiBotInp');
  if(!inp)return;
  var q=inp.value.trim();
  if(!q)return;
  inp.value='';
  botAddMsg(q,true);

  var cfg=APP.config||{};
  var apiKey=cfg.gemini_api_key||'';
  var waNum=(cfg.whatsapp_soporte||'+502 5830-3182').replace(/[^0-9]/g,'');
  var waName=cfg.nombre_soporte||'Total App GT - Daniel Martínez';

  var orKey=cfg.openrouter_api_key||'';
  var dsKey=cfg.deepseek_api_key||'';
  if((!apiKey||apiKey.length<20)&&(!orKey||orKey.length<20)&&(!dsKey||dsKey.length<20)){
    botAddMsg('⚠ El Asistente IA no está configurado. Ve a Configuración > Asistente IA y agrega una API Key.',false);
    return;
  }

  // Indicador de escritura
  var msgs=document.getElementById('aiBotMsgs');
  var typing=document.createElement('div');
  typing.id='botTyping';
  typing.style.cssText='background:#e8f0fe;border-radius:14px;padding:10px 13px;font-size:13px;color:#888;max-width:88%';
  typing.innerHTML='<i class="fas fa-circle-notch fa-spin"></i> Escribiendo...';
  if(msgs){msgs.appendChild(typing);msgs.scrollTop=msgs.scrollHeight;}

  call('preguntarAI',{pregunta:q},function(err,res){
    var t=document.getElementById('botTyping');
    if(t)t.remove();
    if(res&&res.ok){
      botAddMsg(res.respuesta,false);
    }else{
      var errMsg=(res&&res.msg)||'Error de conexión';
      botAddMsg('⚠ '+errMsg+'\n\nPuedes contactar al soporte técnico directamente.',false);
    }
  });
}


// ══════════════════════════════════════════════════════════
// RENDER MAP
// ══════════════════════════════════════════════════════════
// === MÓDULOS v6 (sin backticks) ===
var _svs=[],_pas=[],_ayu=[];
function renderSupervisores(el){el.innerHTML='<div class="mod-hdr"><h2><i class="fas fa-user-shield"></i> Supervisores de Sector</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newSvs()"><i class="fas fa-plus"></i> Nuevo</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterSvs(this.value)"></div></div><div class="tw"><table><thead><tr><th>Codigo</th><th>Nombre</th><th>D</th><th>Z</th><th>A</th><th>S</th><th>Tel</th><th>Estado</th><th></th></tr></thead><tbody id="svsTb"></tbody></table></div></div>';loadSvs();}
function loadSvs(){call('getSupervisores',{},function(_,r){_svs=(r&&r.ok&&r.data)?r.data:[];try{localStorage.setItem('_svs_c',JSON.stringify(_svs.map(function(s){return{c:s['CodigoSup'],n:s['NombreSup']};})));}catch(ex){}renderSvsTb(_svs);});}
function filterSvs(q){renderSvsTb(q?_svs.filter(function(s){return JSON.stringify(s).toLowerCase().includes(q.toLowerCase());}):_svs);}
function renderSvsTb(d){var tb=document.getElementById('svsTb');if(!tb)return;if(!d.length){tb.innerHTML='<tr><td colspan="9"><div class="empty-r"><p>Sin supervisores</p></div></td></tr>';return;}tb.innerHTML=d.map(function(s){return '<tr><td><b style="font-family:monospace">'+esc(s['CodigoSup'])+'</b></td><td><b>'+esc(s['NombreSup'])+'</b></td><td>'+esc(s['Distrito']||'')+'</td><td>'+esc(s['Zona']||'')+'</td><td>'+esc(s['Area']||'')+'</td><td>'+esc(s['Sector']||'')+'</td><td>'+esc(s['Telefono']||'')+'</td><td><span class="bdg '+(s['Activo']==='SI'?'bg':'br')+'">'+(s['Activo']==='SI'?'Activo':'Inactivo')+'</span></td><td><div class="ab"><button class="ab-btn ab-ed" onclick="editSvs(\''+esc(s['ID'])+'\')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delSvs(\''+esc(s['ID'])+'\')"><i class="fas fa-trash"></i></button></div></td></tr>';}).join('');}
function previewCodigoSvs(){var d=(document.getElementById('sf_dist')||{}).value||'',z=(document.getElementById('sf_zona')||{}).value||'',a=((document.getElementById('sf_area')||{}).value||'').toUpperCase().replace(/[^A-Z]/g,'').substring(0,1)||'',s=(document.getElementById('sf_sector')||{}).value||'';var cod=(d&&z&&a&&s)?(d+z+a+s):'??';var pv=document.getElementById('svsCP');if(pv)pv.textContent=cod;var hd=document.getElementById('sf_codigo');if(hd)hd.value=(cod!=='??'?cod:'');}
function svsForm(s){s=s||{};return '<div class="fg2"><div class="full"><div class="sect-title">Jerarquia D(n)Z(n)A(L)S(n) Ej:11A1</div></div><div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;grid-column:1/-1"><div><label style="font-size:10px;font-weight:800">DIST*</label><input class="fc" type="number" min="1" id="sf_dist" value="'+esc(s['Distrito']||'')+'" oninput="previewCodigoSvs()" style="text-align:center;font-size:18px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800">ZONA*</label><input class="fc" type="number" min="1" id="sf_zona" value="'+esc(s['Zona']||'')+'" oninput="previewCodigoSvs()" style="text-align:center;font-size:18px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800">AREA*(L)</label><input class="fc" id="sf_area" value="'+esc(s['Area']||'')+'" maxlength="1" oninput="this.value=this.value.toUpperCase();previewCodigoSvs()" style="text-align:center;font-size:18px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800">SECT*</label><input class="fc" type="number" min="1" id="sf_sector" value="'+esc(s['Sector']||'')+'" oninput="previewCodigoSvs()" style="text-align:center;font-size:18px;font-weight:900"></div></div><div style="background:var(--pr);border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px;grid-column:1/-1"><span style="color:rgba(255,255,255,.7);font-size:12px">Codigo:</span><span id="svsCP" style="color:#fff;font-size:22px;font-weight:900;font-family:monospace">'+esc(s['CodigoSup']||'??')+'</span><input type="hidden" id="sf_codigo" value="'+esc(s['CodigoSup']||'')+'"></div><div class="fgg full"><label>Nombre*</label><input class="fc" id="sf_nombre" value="'+esc(s['NombreSup']||'')+'"></div><div class="fgg"><label>Telefono</label><input class="fc" id="sf_tel" value="'+esc(s['Telefono']||'')+'"></div><div class="fgg"><label>Email</label><input class="fc" id="sf_email" value="'+esc(s['Email']||'')+'"></div><div class="fgg"><label>Estado</label><select class="fc" id="sf_act"><option value="SI"'+(s['Activo']!=='NO'?' selected':'')+'>Activo</option><option value="NO"'+(s['Activo']==='NO'?' selected':'')+'>Inactivo</option></select></div></div>';}
function newSvs(){openModal('Nuevo Supervisor',svsForm(),'<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveSvs()"><i class="fas fa-save"></i> Guardar</button>','xl');}
function editSvs(id){
  var s=_svs.find(function(x){return x['ID']===id;});
  if(!s)return;
  openModal(
    'Editar Supervisor',
    svsForm(s),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveSvs('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`,
    'xl'
  );
}
function saveSvs(id){var cod=(document.getElementById('sf_codigo')||{}).value||'',nom=(document.getElementById('sf_nombre')||{}).value||'';if(!nom){toast('Nombre requerido','wa');return;}if(!cod||cod==='??'){toast('Completa 4 campos','wa');return;}loading(true);call('saveSupervisor',{ID:id||'',CodigoSup:cod,NombreSup:nom,Distrito:(document.getElementById('sf_dist')||{}).value||'',Zona:(document.getElementById('sf_zona')||{}).value||'',Area:((document.getElementById('sf_area')||{}).value||'').toUpperCase(),Sector:(document.getElementById('sf_sector')||{}).value||'',Telefono:(document.getElementById('sf_tel')||{}).value||'',Email:(document.getElementById('sf_email')||{}).value||'',Activo:(document.getElementById('sf_act')||{}).value||'SI'},function(_,r){loading(false);if(r&&r.ok){toast('Supervisor: '+cod,'ok',4000);closeModal();loadSvs();}else toast('Error: '+(r&&r.msg||''),'er');});}
function delSvs(id){customConfirm('Eliminar supervisor?',function(ok){if(!ok)return;call('deleteSupervisor',{id:id},function(_,r){if(r&&r.ok){toast('Eliminado','ok');loadSvs();}});},{icon:'fa-trash',danger:true});}

function renderPastores(el){el.innerHTML='<div class="mod-hdr"><h2><i class="fas fa-church"></i> Pastores de Zona</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newPas()"><i class="fas fa-plus"></i> Nuevo</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterPas(this.value)"></div></div><div class="tw"><table><thead><tr><th>Codigo</th><th>Nombre</th><th>D</th><th>Z</th><th>Tel</th><th>Estado</th><th></th></tr></thead><tbody id="pasTb"></tbody></table></div></div>';loadPas();}
function loadPas(){call('getPastores',{},function(_,r){_pas=(r&&r.ok&&r.data)?r.data:[];try{localStorage.setItem('_pas_c',JSON.stringify(_pas.map(function(p){return{c:p['CodigoPastor'],n:p['NombrePastor']};})));}catch(ex){}renderPasTb(_pas);});}
function filterPas(q){renderPasTb(q?_pas.filter(function(p){return JSON.stringify(p).toLowerCase().includes(q.toLowerCase());}):_pas);}
function renderPasTb(d){var tb=document.getElementById('pasTb');if(!tb)return;if(!d.length){tb.innerHTML='<tr><td colspan="7"><div class="empty-r"><p>Sin pastores</p></div></td></tr>';return;}tb.innerHTML=d.map(function(p){return '<tr><td><b style="font-family:monospace;font-size:16px">'+esc(p['CodigoPastor'])+'</b></td><td><b>'+esc(p['NombrePastor'])+'</b></td><td>'+esc(p['Distrito']||'')+'</td><td>'+esc(p['Zona']||'')+'</td><td>'+esc(p['Telefono']||'')+'</td><td><span class="bdg '+(p['Activo']==='SI'?'bg':'br')+'">'+(p['Activo']==='SI'?'Activo':'Inactivo')+'</span></td><td><div class="ab"><button class="ab-btn ab-ed" onclick="editPas(\''+esc(p['ID'])+'\')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delPas(\''+esc(p['ID'])+'\')"><i class="fas fa-trash"></i></button></div></td></tr>';}).join('');}
function previewCodigoPas(){var d=(document.getElementById('pf_dist')||{}).value||'',z=(document.getElementById('pf_zona')||{}).value||'';var cod=(d&&z)?(d+z):'??';var pv=document.getElementById('pasCP');if(pv)pv.textContent=cod;var hd=document.getElementById('pf_codigo');if(hd)hd.value=(cod!=='??'?cod:'');}
function pasForm(p){p=p||{};return '<div class="fg2"><div class="full"><div class="sect-title">Jerarquia D(n)Z(n) Ej:11</div></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:1/-1"><div><label style="font-size:10px;font-weight:800">DIST*</label><input class="fc" type="number" min="1" id="pf_dist" value="'+esc(p['Distrito']||'')+'" oninput="previewCodigoPas()" style="text-align:center;font-size:22px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800">ZONA*</label><input class="fc" type="number" min="1" id="pf_zona" value="'+esc(p['Zona']||'')+'" oninput="previewCodigoPas()" style="text-align:center;font-size:22px;font-weight:900"></div></div><div style="background:linear-gradient(135deg,var(--pr),var(--pr2));border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px;grid-column:1/-1"><span style="color:rgba(255,255,255,.7);font-size:12px">Codigo:</span><span id="pasCP" style="color:#fff;font-size:26px;font-weight:900;font-family:monospace;letter-spacing:4px">'+esc(p['CodigoPastor']||'??')+'</span><input type="hidden" id="pf_codigo" value="'+esc(p['CodigoPastor']||'')+'"></div><div class="fgg full"><label>Nombre*</label><input class="fc" id="pf_nombre" value="'+esc(p['NombrePastor']||'')+'"></div><div class="fgg"><label>Telefono</label><input class="fc" id="pf_tel" value="'+esc(p['Telefono']||'')+'"></div><div class="fgg"><label>Email</label><input class="fc" id="pf_email" value="'+esc(p['Email']||'')+'"></div><div class="fgg"><label>Estado</label><select class="fc" id="pf_act"><option value="SI"'+(p['Activo']!=='NO'?' selected':'')+'>Activo</option><option value="NO"'+(p['Activo']==='NO'?' selected':'')+'>Inactivo</option></select></div></div>';}
function newPas(){
  openModal(
    'Nuevo Pastor',
    pasForm(),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="savePas()"><i class="fas fa-save"></i> Guardar</button>`,
    'xl'
  );
}

function editPas(id){
  var p=_pas.find(function(x){return x['ID']===id;});
  if(!p)return;
  openModal(
    'Editar Pastor',
    pasForm(p),
    `<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="savePas('${esc(id)}')"><i class="fas fa-save"></i> Actualizar</button>`,
    'xl'
  );
}
function savePas(id){var cod=(document.getElementById('pf_codigo')||{}).value||'',nom=(document.getElementById('pf_nombre')||{}).value||'';if(!nom){toast('Nombre requerido','wa');return;}if(!cod||cod==='??'){toast('Completa Distrito y Zona','wa');return;}loading(true);call('savePastor',{ID:id||'',CodigoPastor:cod,NombrePastor:nom,Distrito:(document.getElementById('pf_dist')||{}).value||'',Zona:(document.getElementById('pf_zona')||{}).value||'',Telefono:(document.getElementById('pf_tel')||{}).value||'',Email:(document.getElementById('pf_email')||{}).value||'',Activo:(document.getElementById('pf_act')||{}).value||'SI'},function(_,r){loading(false);if(r&&r.ok){toast('Pastor: '+cod,'ok',4000);closeModal();loadPas();}else toast('Error: '+(r&&r.msg||''),'er');});}
function delPas(id){customConfirm('Eliminar pastor?',function(ok){if(!ok)return;call('deletePastor',{id:id},function(_,r){if(r&&r.ok){toast('Eliminado','ok');loadPas();}});},{icon:'fa-trash',danger:true});}

// ── AYUDA DE PASTOR ───────────────────────────────────────────
function renderAyudaPastor(el){el.innerHTML='<div class="mod-hdr"><h2><i class="fas fa-hands-helping"></i> Ayuda de Pastor</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newAyu()"><i class="fas fa-plus"></i> Nuevo</button></div></div><div class="card"><div class="fr"><div class="sb2"><i class="fas fa-search"></i><input type="text" placeholder="Buscar..." oninput="filterAyu(this.value)"></div></div><div class="tw"><table><thead><tr><th>Codigo</th><th>Nombre</th><th>D</th><th>Z</th><th>A</th><th>Tel</th><th>Estado</th><th></th></tr></thead><tbody id="ayuTb"></tbody></table></div></div>';loadAyu();}
function loadAyu(){call('getAyudaPastor',{},function(_,r){_ayu=(r&&r.ok&&r.data)?r.data:[];renderAyuTb(_ayu);});}
function filterAyu(q){renderAyuTb(q?_ayu.filter(function(a){return JSON.stringify(a).toLowerCase().includes(q.toLowerCase());}):_ayu);}
function renderAyuTb(d){var tb=document.getElementById('ayuTb');if(!tb)return;if(!d.length){tb.innerHTML='<tr><td colspan="8"><div class="empty-r"><p>Sin registros</p></div></td></tr>';return;}tb.innerHTML=d.map(function(a){return '<tr><td><b style="font-family:monospace">'+esc(a['CodigoAyuda'])+'</b></td><td><b>'+esc(a['NombreAyuda'])+'</b></td><td>'+esc(a['Distrito']||'')+'</td><td>'+esc(a['Zona']||'')+'</td><td>'+esc(a['Area']||'')+'</td><td>'+esc(a['Telefono']||'')+'</td><td><span class="bdg '+(a['Activo']==='SI'?'bg':'br')+'">'+(a['Activo']==='SI'?'Activo':'Inactivo')+'</span></td><td><div class="ab"><button class="ab-btn ab-ed" onclick="editAyu(\''+esc(a['ID'])+'\')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delAyu(\''+esc(a['ID'])+'\')"><i class="fas fa-trash"></i></button></div></td></tr>';}).join('');}
function previewCodigoAyu(){var d=(document.getElementById('af_dist')||{}).value||'',z=(document.getElementById('af_zona')||{}).value||'',a=((document.getElementById('af_area')||{}).value||'').toUpperCase().replace(/[^A-Z]/g,'').substring(0,1)||'';var cod=(d&&z&&a)?(d+z+a):'??';var pv=document.getElementById('ayuCP');if(pv)pv.textContent=cod;var hd=document.getElementById('af_codigo');if(hd)hd.value=(cod!=='??'?cod:'');}
function ayuForm(a){a=a||{};return '<div class="fg2"><div class="full"><div class="sect-title">Jerarquia D(n)Z(n)A(L) Ej:11A</div></div><div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;grid-column:1/-1"><div><label style="font-size:10px;font-weight:800">DIST*</label><input class="fc" type="number" min="1" id="af_dist" value="'+esc(a['Distrito']||'')+'" oninput="previewCodigoAyu()" style="text-align:center;font-size:18px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800">ZONA*</label><input class="fc" type="number" min="1" id="af_zona" value="'+esc(a['Zona']||'')+'" oninput="previewCodigoAyu()" style="text-align:center;font-size:18px;font-weight:900"></div><div><label style="font-size:10px;font-weight:800">AREA*(L)</label><input class="fc" id="af_area" value="'+esc(a['Area']||'')+'" maxlength="1" oninput="this.value=this.value.toUpperCase();previewCodigoAyu()" style="text-align:center;font-size:18px;font-weight:900"></div></div><div style="background:var(--purple);border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px;grid-column:1/-1"><span style="color:rgba(255,255,255,.7);font-size:12px">Codigo:</span><span id="ayuCP" style="color:#fff;font-size:22px;font-weight:900;font-family:monospace">'+esc(a['CodigoAyuda']||'??')+'</span><input type="hidden" id="af_codigo" value="'+esc(a['CodigoAyuda']||'')+'"></div><div class="fgg full"><label>Nombre*</label><input class="fc" id="af_nombre" value="'+esc(a['NombreAyuda']||'')+'"></div><div class="fgg"><label>Telefono</label><input class="fc" id="af_tel" value="'+esc(a['Telefono']||'')+'"></div><div class="fgg"><label>Email</label><input class="fc" id="af_email" value="'+esc(a['Email']||'')+'"></div><div class="fgg"><label>Estado</label><select class="fc" id="af_act"><option value="SI"'+(a['Activo']!=='NO'?' selected':'')+'>Activo</option><option value="NO"'+(a['Activo']==='NO'?' selected':'')+'>Inactivo</option></select></div></div>';}
function newAyu(){openModal('Nuevo Ayuda de Pastor',ayuForm(),'<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveAyu()"><i class="fas fa-save"></i> Guardar</button>','xl');}
function editAyu(id){var a=_ayu.find(function(x){return x['ID']===id;});if(!a)return;openModal('Editar Ayuda de Pastor',ayuForm(a),'<button class="btn btn-ol" onclick="closeModal()">Cancelar</button><button class="btn btn-pr" onclick="saveAyu(\''+esc(id)+'\')"><i class="fas fa-save"></i> Actualizar</button>','xl');}
function saveAyu(id){var cod=(document.getElementById('af_codigo')||{}).value||'',nom=(document.getElementById('af_nombre')||{}).value||'';if(!nom){toast('Nombre requerido','wa');return;}if(!cod||cod==='??'){toast('Completa Distrito, Zona y Area','wa');return;}loading(true);call('saveAyudaPastor',{ID:id||'',CodigoAyuda:cod,NombreAyuda:nom,Distrito:(document.getElementById('af_dist')||{}).value||'',Zona:(document.getElementById('af_zona')||{}).value||'',Area:((document.getElementById('af_area')||{}).value||'').toUpperCase(),Telefono:(document.getElementById('af_tel')||{}).value||'',Email:(document.getElementById('af_email')||{}).value||'',Activo:(document.getElementById('af_act')||{}).value||'SI'},function(_,r){loading(false);if(r&&r.ok){toast('Ayuda de Pastor: '+cod,'ok',4000);closeModal();loadAyu();}else toast('Error: '+(r&&r.msg||''),'er');});}
function delAyu(id){customConfirm('Eliminar ayuda de pastor?',function(ok){if(!ok)return;call('deleteAyudaPastor',{id:id},function(_,r){if(r&&r.ok){toast('Eliminado','ok');loadAyu();}});},{icon:'fa-trash',danger:true});}

function previewCodigo(){var d=(document.getElementById('hf_dist')||{}).value||'',z=(document.getElementById('hf_zona')||{}).value||'',a=((document.getElementById('hf_area')||{}).value||'').toUpperCase().replace(/[^A-Z]/g,'').substring(0,1)||'',s=(document.getElementById('hf_sector')||{}).value||'',g=(document.getElementById('hf_grupo')||{}).value||'';var cod=(d&&z&&a&&s&&g)?(d+z+a+s+g):'??';var pv=document.getElementById('hermCP');if(pv)pv.textContent=cod;var hd=document.getElementById('hf_codigo');if(hd)hd.value=(cod!=='??'?cod:'');}
function abrirReporteFinanciero(){var dists=[...new Set(APP.hermanos.map(function(h){return h['Distrito'];}).filter(Boolean))].sort();var zonas=[...new Set(APP.hermanos.map(function(h){return h['Zona'];}).filter(Boolean))].sort();openModal('Reporte Financiero','<div class="fg2"><div class="fgg"><label>Desde</label><input class="fc" type="date" id="rfD" value="'+fom()+'"></div><div class="fgg"><label>Hasta</label><input class="fc" type="date" id="rfH" value="'+today()+'"></div><div class="fgg"><label>Distrito</label><select class="fc" id="rfDist"><option value="">Todos</option>'+dists.map(function(d){return '<option value="'+d+'">D'+d+'</option>';}).join('')+'</select></div><div class="fgg"><label>Zona</label><select class="fc" id="rfZona"><option value="">Todas</option>'+zonas.map(function(z){return '<option value="'+z+'">Z'+z+'</option>';}).join('')+'</select></div><div id="rfResult" class="full" style="min-height:60px"></div></div>','<button class="btn btn-ol" onclick="closeModal()">Cerrar</button><button class="btn btn-pr" onclick="generarRF()"><i class="fas fa-chart-bar"></i> Calcular</button>','xl');}
function generarRF(){var el=document.getElementById('rfResult');if(el)el.innerHTML='<div style="text-align:center;padding:16px"><i class="fas fa-spinner fa-spin"></i></div>';call('getReporteFinancieroDistrito',{desde:(document.getElementById('rfD')||{}).value||'',hasta:(document.getElementById('rfH')||{}).value||'',distrito:(document.getElementById('rfDist')||{}).value||'',zona:(document.getElementById('rfZona')||{}).value||''},function(_,res){if(!el)return;if(!res||!res.ok){el.innerHTML='<p style="color:var(--err)">Error</p>';return;}var data=res.byZona||[];if(!data.length){el.innerHTML='<div class="empty-r"><p>Sin datos</p></div>';return;}el.innerHTML='<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px"><div style="background:var(--pr);border-radius:8px;padding:10px;text-align:center"><div style="font-size:22px;font-weight:900;color:#fff">'+(res.totalReportes||0)+'</div><div style="font-size:10px;color:rgba(255,255,255,.7)">Reportes</div></div><div style="background:#1e7e34;border-radius:8px;padding:10px;text-align:center"><div style="font-size:22px;font-weight:900;color:#fff">'+(res.totalAsistencia||0)+'</div><div style="font-size:10px;color:rgba(255,255,255,.7)">Asistencia</div></div><div style="background:#c87f00;border-radius:8px;padding:10px;text-align:center"><div style="font-size:14px;font-weight:900;color:#fff">Q '+Number(res.totalOfrenda||0).toFixed(2)+'</div><div style="font-size:10px;color:rgba(255,255,255,.7)">Ofrenda</div></div></div><table style="width:100%;font-size:12px;border-collapse:collapse"><thead><tr style="background:var(--pr);color:#fff"><th style="padding:5px">D</th><th style="padding:5px">Z</th><th style="padding:5px;text-align:center">Rpts</th><th style="padding:5px;text-align:center">Asist</th><th style="padding:5px;text-align:right">Ofrenda</th><th style="padding:5px;text-align:right">Recibida</th><th style="padding:5px;text-align:right">Pendiente</th></tr></thead><tbody>'+data.map(function(z){return '<tr><td style="padding:5px"><b>D'+esc(z.distrito)+'</b></td><td style="padding:5px"><b>Z'+esc(z.zona)+'</b></td><td style="padding:5px;text-align:center">'+z.reportes+'</td><td style="padding:5px;text-align:center;font-weight:700">'+z.asistencia+'</td><td style="padding:5px;text-align:right;color:#c87f00;font-weight:900">Q '+Number(z.ofrendaTotal||0).toFixed(2)+'</td><td style="padding:5px;text-align:right;color:#1e7e34">Q '+Number(z.ofrendaRecibida||0).toFixed(2)+'</td><td style="padding:5px;text-align:right;color:'+(z.pendientes>0?'#c0392b':'#1e7e34')+'">Q '+Number(z.pendientes||0).toFixed(2)+'</td></tr>';}).join('')+'</tbody></table>';});}
// ─── MARCADORES DE POSICIÓN PARA MÓDULOS FALTANTES ───
// 1. Dibuja la pantalla de Carga Masiva
// 1. Interfaz de la Carga Masiva
function renderCargaMasiva(el) {
  el.innerHTML = `
  <div class="mod-hdr">
    <h2><i class="fas fa-file-upload"></i> Carga Masiva de Datos</h2>
    <div class="mod-acts">
      <button class="btn btn-in btn-sm" onclick="descargarPlantilla('hermanos')"><i class="fas fa-download"></i> Plantilla Hermanos</button>
      <button class="btn btn-ac btn-sm" onclick="descargarPlantilla('supervisores')"><i class="fas fa-download"></i> Plantilla Supervisores</button>
      <button class="btn btn-pu btn-sm" onclick="descargarPlantilla('pastores')"><i class="fas fa-download"></i> Plantilla Pastores</button>
      <button class="btn btn-sec btn-sm" onclick="descargarPlantilla('ayudapastor')"><i class="fas fa-download"></i> Plantilla Ayuda Pastor</button>
    </div>
  </div>
  <div class="card">
    <p style="font-size:13px; color:var(--tx2); margin-bottom:15px;">Descarga la plantilla deseada, llénala con tus datos y luego súbela aquí para procesarla.</p>
    <div style="display:flex; gap:14px; margin-bottom:14px; flex-wrap:wrap;">
      <div class="fgg" style="flex:1;">
        <label>Tipo de Datos a Subir</label>
        <select id="cmTipo" class="fc">
          <option value="hermanos">Hermanos / Líderes</option>
          <option value="supervisores">Supervisores de Sector</option>
          <option value="pastores">Pastores de Zona</option>
        </select>
      </div>
      <div class="fgg" style="flex:1;">
        <label>Archivo Excel (.xlsx) llenado</label>
        <input type="file" id="cmFile" class="fc" accept=".xlsx, .xls">
      </div>
    </div>
    <button class="btn btn-pr" onclick="procesarCargaMasiva()"><i class="fas fa-upload"></i> Subir y Procesar</button>
    <div id="cmResult" style="margin-top:14px; font-size:13px; font-weight:bold;"></div>
  </div>`;
}
// ── DESCARGAR PLANTILLA PARA CARGA MASIVA ───────────
function descargarPlantilla(tipo) {
  loading(true);
  call('getEncabezadosCargaMasiva', {tipo: tipo}, function(err, res) {
    loading(false);
    if (err || !res || !res.ok) { toast("Error obteniendo encabezados", "er"); return; }
    var hdrs = res.data || res;
    if (!hdrs || !hdrs.length) { toast("Error obteniendo encabezados", "er"); return; }
    var ejemplo = hdrs.map(function(h) {
      if (typeof h !== 'string') return "";
      if (h.indexOf("Nombre") >= 0) return "Ejemplo";
      if (h === "Distrito" || h === "Sector" || h === "Grupo") return "1";
      if (h === "Zona") return "1";
      if (h === "Area") return "A";
      if (h === "Activo") return "SI";
      return "";
    });
    var nombre = "Plantilla_" + tipo.charAt(0).toUpperCase() + tipo.slice(1) + ".xlsx";
    var ws = XLSX.utils.aoa_to_sheet([hdrs, ejemplo]);
    var wb = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(wb, ws, "Plantilla");
    var out = XLSX.write(wb, { bookType: "xlsx", type: "array" });
    var blob = new Blob([out], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
    var url = URL.createObjectURL(blob);
    var a = document.createElement("a");
    a.href = url; a.download = nombre;
    document.body.appendChild(a); a.click(); document.body.removeChild(a);
    URL.revokeObjectURL(url);
    toast(nombre + " descargada", "ok", 3000);
  });
}
function procesarCargaMasiva() {
  const resEl = document.getElementById('cmResult');
  const fileInput = document.getElementById("cmFile");
  const tipo = document.getElementById("cmTipo") ? document.getElementById("cmTipo").value : "hermanos";
  
  if(!fileInput || !fileInput.files || fileInput.files.length === 0) { toast('Selecciona un archivo Excel', 'wa'); return; }
  
  const reader = new FileReader();
  resEl.innerHTML = '<i class="fas fa-circle-notch fa-spin" style="color:var(--pr)"></i> Leyendo archivo...';
  
  reader.onload = function(e) {
    try {
      const data = new Uint8Array(e.target.result);
      const workbook = XLSX.read(data, {type: 'array'});
      const firstSheet = workbook.Sheets[workbook.SheetNames[0]];
      const rows = XLSX.utils.sheet_to_json(firstSheet, {header: 1, defval: ""});
      
      if(rows.length <= 1) { resEl.innerHTML = '<span style="color:var(--err)">El archivo está vacío o no tiene el formato correcto.</span>'; return; }

      resEl.innerHTML = '<i class="fas fa-circle-notch fa-spin" style="color:var(--pr)"></i> Procesando '+(rows.length-1)+' registros...';
      
      // Enviamos la matriz limpia al servidor
      call('importarDatosMasivos', {tipo: tipo, rows: rows}, function(err, res) {
        if(err) { resEl.innerHTML = '<span style="color:var(--err)"><i class="fas fa-times-circle"></i> Error de servidor.</span>'; return; }
        if(res && res.ok) {
          resEl.innerHTML = '<span style="color:var(--ok)"><i class="fas fa-check-circle"></i> ' + res.msg + '</span>';
          toast('Carga exitosa', 'ok');
        } else {
          resEl.innerHTML = '<span style="color:var(--err)"><i class="fas fa-times-circle"></i> ' + (res.msg || 'Error') + '</span>';
        }
      });
      
    } catch(ex) { resEl.innerHTML = '<span style="color:var(--err)">Error procesando Excel. Asegúrate de que no esté corrupto.</span>'; }
  };
  reader.readAsArrayBuffer(fileInput.files[0]);
}

function renderSeguimientos(el) {
  el.innerHTML = `<div class="mod-hdr"><h2><i class="fas fa-hands-helping"></i> Control de Seguimientos</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newSeg()"><i class="fas fa-plus"></i> Nuevo Seguimiento</button><button class="btn btn-in btn-sm" onclick="exportXLS(_segs,'Seguimientos','seguimientos')"><i class="fas fa-file-excel"></i> Excel</button></div></div>
  <div class="card" style="padding:0">
    <div class="fr" style="padding:10px 14px;border-bottom:1px solid var(--brd)">
      <div class="sb2" style="flex:1;min-width:200px"><i class="fas fa-search"></i><input type="text" id="segBuscar" placeholder="Buscar persona, responsable..." oninput="_qSeg=this.value;renderSegTable()"></div>
      <select class="fsl" id="segFiltroEstado" onchange="renderSegTable()"><option value="">Todos los estados</option><option value="Pendiente">⚠ Pendiente</option><option value="En Proceso">🔄 En Proceso</option><option value="Completado">✓ Completado</option><option value="Cancelado">✕ Cancelado</option></select>
      <button class="btn btn-ol btn-sm" onclick="loadSegs()"><i class="fas fa-sync"></i></button>
    </div>
    <div class="rg" id="segRes" style="padding:8px 14px;border-bottom:1px solid var(--brd)"></div>
    <div class="tw"><table>
      <thead><tr><th>Fecha</th><th>Persona</th><th>Tipo</th><th>Responsable</th><th>Estado</th><th>Observaciones</th><th>Acciones</th></tr></thead>
      <tbody id="segTb"></tbody>
    </table></div>
  </div>`;
  loadSegs();
}
var _segs=[]; var _qSeg='';
function loadSegs(){
  loading(true);
  call('getSeguimientos',{},function(_,d){loading(false);_segs=Array.isArray(d)?d:[];renderSegRes();renderSegTable();});
}
function renderSegRes(){
  var el=document.getElementById('segRes');if(!el)return;
  var total=_segs.length;
  var pend=_segs.filter(function(s){return s['Estado']==='Pendiente';}).length;
  var proc=_segs.filter(function(s){return s['Estado']==='En Proceso';}).length;
  var done=_segs.filter(function(s){return s['Estado']==='Completado';}).length;
  el.innerHTML=[
    {l:'Total',v:total,c:''},{l:'⚠ Pendientes',v:pend,c:'r'},
    {l:'🔄 En Proceso',v:proc,c:'o'},{l:'✓ Completados',v:done,c:'g'}
  ].map(function(s){return '<div class="rc '+s.c+'"><div class="rcv">'+s.v+'</div><div class="rcl">'+s.l+'</div></div>';}).join('');
}
function getVisibleSegs(){
  var d=_segs.slice();
  var est=document.getElementById('segFiltroEstado');
  if(est&&est.value)d=d.filter(function(s){return s['Estado']===est.value;});
  if(_qSeg)d=d.filter(function(s){return JSON.stringify(s).toLowerCase().includes(_qSeg.toLowerCase());});
  return d;
}
function renderSegTable(){
  var data=getVisibleSegs();
  var tb=document.getElementById('segTb');if(!tb)return;
  if(!data.length){tb.innerHTML='<tr><td colspan="7"><div class="empty-r"><i class="fas fa-hands-helping"></i><p>Sin seguimientos registrados</p></div></td></tr>';return;}
  var cls={'Completado':'bg','Pendiente':'bo','En Proceso':'bi','Cancelado':'bgr'};
  tb.innerHTML=data.map(function(s){return '<tr>'
    +'<td>'+fmtD(s['Fecha'])+'</td>'
    +'<td><b>'+esc(s['Persona'])+'</b></td>'
    +'<td><span class="bdg bb">'+esc(s['Tipo'])+'</span></td>'
    +'<td>'+esc(s['Responsable'])+'</td>'
    +'<td><span class="bdg '+(cls[s['Estado']]||'bo')+'">'+esc(s['Estado'])+'</span></td>'
    +'<td style="font-size:11px;color:var(--tx2);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+esc(s['Observaciones'])+'</td>'
    +'<td><div class="ab">'
    +'<button class="ab-btn ab-ed" onclick="editSeg(\''+esc(s['ID'])+'\')"><i class="fas fa-edit"></i></button>'
    +'<button class="ab-btn ab-del" onclick="delSeg(\''+esc(s['ID'])+'\')"><i class="fas fa-trash"></i></button>'
    +'</div></td></tr>';}).join('');
}
function newSeg(){openModal('Nuevo Seguimiento',segForm(),mFoot('saveSegForm'));}
function editSeg(id){
  var s=_segs.find(function(x){return x['ID']===id;});
  if(!s)return;
  openModal('Editar Seguimiento',segForm(s),mFoot("saveSegForm('"+esc(id)+"')",'Actualizar'));
}
function segForm(s){
  s=s||{};
  var tipos=['Convertido','Reconciliación','Visita Programada','Bautizo en Agua','Sanidad','Oración','Discipulado','Llamada','Cita','Otro'];
  var estados=['Pendiente','En Proceso','Completado','Cancelado'];
  return '<div class="fg2">'
    +'<div class="fgg"><label>Persona <span class="req">*</span></label><input class="fc" id="segPersona" value="'+esc(s['Persona']||'')+'" placeholder="Nombre completo"></div>'
    +'<div class="fgg"><label>Tipo</label><select class="fc" id="segTipo">'+tipos.map(function(t){return '<option'+(s['Tipo']===t?' selected':'')+'>'+t+'</option>';}).join('')+'</select></div>'
    +'<div class="fgg"><label>Responsable</label><input class="fc" id="segResp" value="'+esc(s['Responsable']||'')+'" placeholder="Quién da el seguimiento"></div>'
    +'<div class="fgg"><label>Estado</label><select class="fc" id="segEstado">'+estados.map(function(e){return '<option'+(s['Estado']===e?' selected':'')+'>'+e+'</option>';}).join('')+'</select></div>'
    +'<div class="fgg full"><label>Observaciones</label><textarea class="fc" id="segObs" rows="3">'+esc(s['Observaciones']||'')+'</textarea></div>'
    +'</div>';
}
function saveSegForm(id){
  var data={'ID':id||'','Persona':g('segPersona'),'Tipo':g('segTipo'),'Responsable':g('segResp'),'Estado':g('segEstado'),'Observaciones':g('segObs')};
  if(!data['Persona']){toast('El nombre de la persona es requerido','wa');return;}
  loading(true);
  call('saveSeguimiento',data,function(_,res){loading(false);if(res&&res.ok){toast('Seguimiento guardado','ok');closeModal();loadSegs();}else toast('Error: '+((res&&res.msg)||''),'er');});
}
function delSeg(id){
  customConfirm('¿Eliminar este seguimiento?',function(ok){if(!ok)return;loading(true);call('deleteSeguimiento',{id: id},function(_,res){loading(false);if(res&&res.ok){toast('Eliminado','ok');loadSegs();}else toast('Error','er');});},{icon:'fa-trash-alt',danger:true});
}
function renderCronograma(el){renderPrivilegios(el);setTimeout(function(){switchPrvTab('cron');},400);}

// ══════════════════════════════════════════════════════════
// BAUTIZOS EN AGUA
// ══════════════════════════════════════════════════════════
var _bautizosData=[];
function renderBautizos(el){
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-water"></i> Bautizos en Agua</h2><div class="mod-acts"><button class="btn btn-ok btn-sm" onclick="newBautizo()"><i class="fas fa-plus"></i> Nuevo</button><button class="btn btn-in btn-sm" onclick="exportXLS(_bautizosData,'Bautizos','bautizos')"><i class="fas fa-file-excel"></i> Excel</button></div></div>
  <div class="card" style="padding:0;overflow:hidden"><div style="overflow-x:auto"><table id="bautTb" style="min-width:900px;width:100%"><thead><tr>
    <th>ID</th><th>Fecha</th><th>Nombre</th><th>Edad</th><th>Teléfono</th><th>Pastor</th><th>Lugar</th><th>Activo</th><th>Acción</th>
  </tr></thead><tbody></tbody></table></div></div>`;
  loadBautizos();
}
function loadBautizos(){
  loading(true);
  call('getBautizos',{},function(_,res){
    loading(false);
    if(!res){toast('Error cargando bautizos','er');return;}
    _bautizosData=Array.isArray(res)?res:(res&&res.data?res.data:(res&&res.bautizos?res.bautizos:[]));
    var tb=document.getElementById('bautTb');if(!tb)return;
    var tbody=tb.querySelector('tbody');if(!tbody)return;
    if(!_bautizosData.length){tbody.innerHTML='<tr><td colspan="9"><div class="empty-r"><p>Sin bautizos registrados</p></div></td></tr>';return;}
    tbody.innerHTML=_bautizosData.map(function(b){return '<tr>'+
      '<td><b>'+esc(b.ID||b.id||'')+'</b></td>'+
      '<td>'+esc(b.Fecha||b.fecha||'')+'</td>'+
      '<td><b>'+esc(b.Nombre||b.nombre||'')+'</b></td>'+
      '<td>'+esc(b.Edad||b.edad||'')+'</td>'+
      '<td>'+esc(b.Telefono||b.telefono||'')+'</td>'+
      '<td>'+esc(b.PastorOficiante||b.pastor_oficiante||'')+'</td>'+
      '<td>'+esc(b.Lugar||b.lugar||'')+'</td>'+
      '<td>'+(b.Activo===false||b.activo===false?'<span class="bdg br">No</span>':'<span class="bdg bg">Sí</span>')+'</td>'+
      '<td><div class="ab"><button class="ab-btn ab-ed" onclick="editBautizo('+(b.ID||b.id)+')"><i class="fas fa-edit"></i></button><button class="ab-btn ab-del" onclick="delBautizo('+(b.ID||b.id)+')"><i class="fas fa-trash"></i></button></div></td></tr>';}).join('');
  });
}
function bautForm(d){
  d=d||{};
  return '<div class="f2c">'+
    '<div class="fgg"><label>Fecha del Bautizo</label><input class="fc" id="b_fecha" type="date" value="'+(d.Fecha||d.fecha||today())+'"></div>'+
    '<div class="fgg"><label>Nombre Completo <span class="req">*</span></label><input class="fc" id="b_nombre" value="'+(d.Nombre||d.nombre||'')+'" placeholder="Nombre del bautizado"></div>'+
    '<div class="row2"><div class="fgg"><label>Edad</label><input class="fc" id="b_edad" type="number" value="'+(d.Edad||d.edad||'')+'" min="0"></div>'+
    '<div class="fgg"><label>Teléfono</label><input class="fc" id="b_telefono" value="'+(d.Telefono||d.telefono||'')+'" placeholder="Número de contacto"></div></div>'+
    '<div class="fgg"><label>Dirección</label><input class="fc" id="b_direccion" value="'+(d.Direccion||d.direccion||'')+'" placeholder="Dirección de residencia"></div>'+
    '<div class="row2"><div class="fgg"><label>Pastor Oficiante</label><input class="fc" id="b_pastor" value="'+(d.PastorOficiante||d.pastor_oficiante||'')+'" placeholder="Pastor que bautizó"></div>'+
    '<div class="fgg"><label>Lugar del Bautizo</label><input class="fc" id="b_lugar" value="'+(d.Lugar||d.lugar||'')+'" placeholder="Ej: Iglesia Central"></div></div>'+
    '<div class="fgg"><label>Observaciones</label><textarea class="fc" id="b_obs" rows="2">'+(d.Observaciones||d.observaciones||'')+'</textarea></div>'+
    '<div class="fgg"><label class="chk"><input type="checkbox" id="b_activo"'+(d.Activo!==false&&d.activo!==false?' checked':'')+'> Activo</label></div>'+
  '</div>';
}
function newBautizo(){openModal('Nuevo Bautizo',bautForm(),modalBtns('guardarBautizo()','Guardar'),'lg');}
function editBautizo(id){
  var d=_bautizosData.find(function(b){return (b.ID||b.id)==id;});
  if(!d){toast('No encontrado','er');return;}
  openModal('Editar Bautizo',bautForm(d),modalBtns("guardarBautizo("+id+")",'Actualizar'),'lg');
}
function guardarBautizo(id){
  var data={ID:id||'',Fecha:g('b_fecha'),Nombre:g('b_nombre'),Edad:parseInt(g('b_edad')||'0'),Telefono:g('b_telefono'),Direccion:g('b_direccion'),PastorOficiante:g('b_pastor'),Lugar:g('b_lugar'),Observaciones:g('b_obs'),Activo:document.getElementById('b_activo')?.checked||false};
  if(!data.Nombre){toast('El nombre es requerido','wa');return;}
  loading(true);
  call('saveBautizo',data,function(_,res){loading(false);if(res&&res.ok){toast('Guardado','ok');closeModal();loadBautizos();}else toast('Error: '+(res&&res.msg||'Error'),'er');});
}
function delBautizo(id){
  customConfirm('¿Eliminar este bautizo?',function(ok){if(!ok)return;loading(true);call('deleteBautizo',{id:id},function(_,res){loading(false);if(res&&res.ok){toast('Eliminado','ok');loadBautizos();}else toast('Error','er');});},{icon:'fa-trash-alt'});
}

var RENDERS={dashboard:renderDashboard,reportes:renderReportes,reporteDigital:renderReporteDigital,formulario:renderFormulario,generador:renderGenerador,hermanos:renderHermanos,cargaMasiva:renderCargaMasiva,supervisores:renderSupervisores,pastores:renderPastores,ayudapastor:renderAyudaPastor,seguimientos:renderSeguimientos,privilegios:renderPrivilegios,cronograma:renderCronograma,bautizos:renderBautizos,diezmos:renderDiezmos,gastos:renderGastos,inventario:renderInventario,insumos:renderInsumos,envio:renderEnvio,contactos:renderContactos,cuadre:renderCuadre,usuarios:renderUsuarios,bitacora:renderBitacora,configuracion:renderConfiguracion};

// ══════════════════════════════════════════════════════════
// CUADRE DOMINICAL — Cierre semanal (domingo 12am)
// ══════════════════════════════════════════════════════════
function renderCuadre(el){
  el.innerHTML=`<div class="mod-hdr"><h2><i class="fas fa-calculator"></i> Cuadre Dominical — Cierre Semanal</h2>
  <div class="mod-acts">
    <button class="btn btn-sm" style="background:#6b7280;color:#fff" onclick="nav(reporteModPrevio||'reportes')"><i class="fas fa-arrow-left"></i> Volver</button>
    <button class="btn btn-pr btn-sm" onclick="cargarCuadreDominical()"><i class="fas fa-sync"></i> Actualizar</button>
    <button class="btn btn-in btn-sm" onclick="exportXLS(_cuadreData||[],'Cuadre Dominical','cuadre')"><i class="fas fa-file-excel"></i> Excel</button>
  </div></div>
  <div class="card" style="background:linear-gradient(135deg,#1a3a5c,#2563a8);color:#fff;margin-bottom:14px">
    <div style="display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px">
      <div style="font-size:32px">📊</div>
      <div style="flex:1;min-width:200px">
        <h3 style="font-size:15px;font-weight:900;margin-bottom:4px">Cierre Semanal de Reportes</h3>
        <p style="opacity:.85;font-size:12px;margin-bottom:6px">Cada domingo a las 12:00 AM se cierra la semana. Aquí ves qué líderes entregaron su reporte y quiénes están pendientes.</p>
        <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:8px">
          <div style="background:rgba(255,255,255,.15);border-radius:8px;padding:8px 14px;text-align:center;flex:1;min-width:100px">
            <div style="font-size:24px;font-weight:900" id="cuaTotal">0</div>
            <div style="font-size:10px;opacity:.8">Total Líderes</div>
          </div>
          <div style="background:rgba(39,174,96,.2);border-radius:8px;padding:8px 14px;text-align:center;flex:1;min-width:100px">
            <div style="font-size:24px;font-weight:900" id="cuaEntregaron">0</div>
            <div style="font-size:10px;opacity:.8">✓ Entregaron</div>
          </div>
          <div style="background:rgba(231,76,60,.2);border-radius:8px;padding:8px 14px;text-align:center;flex:1;min-width:100px">
            <div style="font-size:24px;font-weight:900" id="cuaPendientes">0</div>
            <div style="font-size:10px;opacity:.8">⏳ Pendientes</div>
          </div>
          <div style="background:rgba(232,160,32,.2);border-radius:8px;padding:8px 14px;text-align:center;flex:1;min-width:100px">
            <div style="font-size:24px;font-weight:900" id="cuaOfrenda">Q 0.00</div>
            <div style="font-size:10px;opacity:.8">Ofrenda Total</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="cuaSemanaSelector" style="margin-bottom:14px">
    <div class="card" style="padding:12px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap">
      <span style="font-weight:700;font-size:13px"><i class="fas fa-calendar-week"></i> Semana:</span>
      <input type="date" id="cuaFecha" class="fc" style="width:160px" onchange="cargarCuadreDominical()">
      <span style="font-size:12px;color:var(--tx2)">(Selecciona cualquier día de la semana)</span>
    </div>
  </div>
  <div class="card" style="padding:0">
    <div style="padding:12px 16px;border-bottom:1px solid var(--brd);display:flex;gap:10px;align-items:center;flex-wrap:wrap">
      <div class="sb2" style="flex:1;min-width:180px"><i class="fas fa-search"></i><input type="text" id="cuaBuscar" placeholder="Buscar líder..." oninput="filtrarCuadre(this.value)"></div>
      <select id="cuaFiltro" class="fsl" onchange="filtrarCuadre()">
        <option value="">Todos</option>
        <option value="entregaron">✓ Entregaron</option>
        <option value="pendientes">⏳ Pendientes</option>
      </select>
    </div>
    <div class="tw"><table>
      <thead><tr><th>#</th><th>Código</th><th>Líder</th><th>Pastor Zona</th><th>Sup. Sector</th><th>Reporte</th><th>Ofrenda</th><th>Estado</th></tr></thead>
      <tbody id="cuaTb"></tbody>
    </table></div>
  </div>`;
  var todayStr=today();
  var fe=document.getElementById('cuaFecha');
  if(fe)fe.value=todayStr;
  cargarCuadreDominical();
}

var _cuadreData=null;
function cargarCuadreDominical(){
  var fechaEl=document.getElementById('cuaFecha');
  var fecha=fechaEl?fechaEl.value:today();
  if(!fecha){toast('Selecciona una fecha','wa');return;}
  loading(true);
  call('getCuadreDominical',{fecha:fecha},function(_,res){
    loading(false);
    if(!res||!res.ok){toast('Error al cargar cuadre','er');return;}
    _cuadreData=res.data||[];
    document.getElementById('cuaTotal').textContent=res.totalLideres||0;
    document.getElementById('cuaEntregaron').textContent=res.entregaron||0;
    document.getElementById('cuaPendientes').textContent=res.pendientes||0;
    document.getElementById('cuaOfrenda').textContent='Q '+(res.ofrendaTotal||0).toFixed(2);
    renderCuadreTable(_cuadreData);
  });
}

function renderCuadreTable(data){
  var tb=document.getElementById('cuaTb');if(!tb)return;
  data=data||_cuadreData||[];
  if(!data.length){
    tb.innerHTML='<tr><td colspan="8"><div class="empty-r"><i class="fas fa-check-circle" style="color:var(--ok)"></i><p>¡Todos los líderes entregaron su reporte!</p></div></td></tr>';
    return;
  }
  tb.innerHTML=data.map(function(r,i){
    var tieneReporte=r.tieneReporte;
    var bg=tieneReporte?'':'style="background:#fff5f5"';
    var estado=tieneReporte
      ?(r.ofrendaRecibida?'<span class="bdg bg">✓ Completado</span>':'<span class="bdg bo">⚠ Pendiente Ofrenda</span>')
      :'<span class="bdg br">✕ Sin Reporte</span>';
    return '<tr '+bg+'><td>'+(i+1)+'</td><td><span class="bdg bb">'+esc(r.codigo||'')+'</span></td>'
      +'<td><b>'+esc(r.nombre||'')+'</b></td>'
      +'<td>'+esc(r.pastorZona||'')+'</td>'
      +'<td>'+esc(r.supSector||'')+'</td>'
      +'<td>'+(tieneReporte?'<i class="fas fa-check-circle" style="color:var(--ok)"></i> Sí':'<i class="fas fa-times-circle" style="color:var(--err)"></i> No')+'</td>'
      +'<td>'+fmtQ(r.ofrendaTotal||0)+'</td>'
      +'<td>'+estado+'</td></tr>';
  }).join('');
}

function filtrarCuadre(q){
  q=q||document.getElementById('cuaBuscar')?.value||'';
  var filtro=document.getElementById('cuaFiltro')?.value||'';
  var data=_cuadreData||[];
  if(q)data=data.filter(function(r){return (r.nombre||'').toLowerCase().includes(q.toLowerCase())||(r.codigo||'').includes(q);});
  if(filtro==='entregaron')data=data.filter(function(r){return r.tieneReporte;});
  else if(filtro==='pendientes')data=data.filter(function(r){return !r.tieneReporte;});
  renderCuadreTable(data);
}
// ── AUTO-REFRESH ──────────────────────────────────────────
function aplicarTema(cfg){
  var tc=(cfg&&cfg.theme_colors)||(APP.config&&APP.config.theme_colors)||'';
  if(!tc){var s=document.getElementById('themeOverride');if(s)s.remove();return;}
  var colors={};
  try{colors=JSON.parse(tc);}catch(e){}
  var css=':root{'+Object.keys(colors).map(function(k){return k+':'+colors[k]+';'}).join('')+'}';
  var el=document.getElementById('themeOverride');
  if(!el){el=document.createElement('style');el.id='themeOverride';document.head.appendChild(el);}
  el.textContent=css;
}
function invalidateDashCache(){
  call('invalidateDashCache',{},function(){});
}

function startAutoRefresh(){
  setInterval(function(){
    if(!APP||!APP.user)return;
    call('getContactos',{},function(_,c){if(Array.isArray(c))APP.contactos=c;});
    call('getHermanos',{},function(_,h){if(Array.isArray(h))APP.hermanos=h;});
    try{var d=document.getElementById('mod_dashboard');if(d&&d.classList.contains('active'))recargarDash();}catch(e){}
  },120000);
  setInterval(function(){
    if(!APP||!APP.user)return;
    call('getConfig',{},function(_,cfg){
      if(cfg&&cfg.ok){cfg._loaded=true;APP.config=Object.assign(APP.config||{},cfg);aplicarTema(cfg);}
    });
  },180000);
}

// ── CARGAR CONFIG EN PANTALLA DE LOGIN ANTES DE INGRESAR ──
function cargarConfigLogin(){
  call('getConfig', {}, function(err, cfg) {
    if(err || !cfg || !cfg.ok) return;
    APP.config=cfg;
    var lu=cfg.logo_url||cfg.logoUrl||'';
    if(lu){
      var _t='<img src="'+lu+'" style="width:100%;height:100%;border-radius:50%;object-fit:cover">';
      var lw=document.getElementById('loginLogoWrap');if(lw)lw.innerHTML=_t;
      var sw=document.getElementById('sidebarLogoWrap');if(sw)sw.innerHTML=_t;
    }
    if(cfg.nombre){
      var lt=document.getElementById('loginTitle');if(lt)lt.textContent=cfg.nombre;
      var st=document.getElementById('sbAppTitle');if(st)st.innerHTML='<span>'+cfg.nombre+'</span>';
    }
  });
}
// ── INIT ──────────────────────────────────────────────────
document.addEventListener('keydown',e=>{if(e.key==='Escape')closeModal();});
initLogo();
cargarConfigLogin();
startAutoRefresh();
// Esperar a que google.script.run esté disponible
tryRestoreSession();