{{-- MODAL GLOBAL DE EXPORTAÇÃO / DOWNLOAD EXCEL --}}
<div id="modalExportacaoGlobal" class="modal-export-backdrop" style="display: none;" onclick="fecharModalExportacaoSeClicarFora(event)">
    <div class="modal-export-card" onclick="event.stopPropagation()">
        {{-- HEADER --}}
        <div class="modal-export-header">
            <div class="modal-export-header-info">
                <div class="modal-export-icon-badge">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="8" y1="13" x2="16" y2="13"></line>
                        <line x1="8" y1="17" x2="16" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                </div>
                <div>
                    <h3 id="modalExportTitulo" class="modal-export-title">Exportar Planilha Excel</h3>
                    <p id="modalExportSubtitulo" class="modal-export-subtitle">Selecione o intervalo de datas ou exporte todos os registros</p>
                </div>
            </div>
            <button type="button" class="modal-export-close-btn" onclick="fecharModalExportacao()" title="Fechar janela">&times;</button>
        </div>

        {{-- FORM --}}
        <form id="formModalExportacao" method="GET" action="" onsubmit="submeterModalExportacao(event)">
            <div class="modal-export-body">

                {{-- SELETOR DE ESCOPO DE FATURAMENTO (EXIBIDO NA EXPORTAÇÃO DE FATURAMENTO GERAL) --}}
                <div id="containerEscopoFaturamento" class="export-scope-selector" style="display: none;">
                    <div class="export-section-title-wrap">
                        <span class="export-section-title">📊 Escopo da Exportação</span>
                        <span class="export-section-badge">Escolha o formato analítico</span>
                    </div>
                    <div class="export-scope-cards">
                        {{-- ESCOPO 1: ANALÍTICO DO FATURAMENTO LÍQUIDO --}}
                        <label class="export-mode-card active" id="cardEscopoLiquido" onclick="selecionarEscopoFaturamento('faturamento_liquido')">
                            <div class="export-mode-radio-wrap">
                                <input type="radio" name="escopo_faturamento" id="radioEscopoLiquido" value="faturamento_liquido" checked onchange="selecionarEscopoFaturamento('faturamento_liquido')">
                            </div>
                            <div class="export-mode-content">
                                <div class="export-mode-title-row">
                                    <span class="export-mode-title">💰 Analítico do Faturamento Líquido</span>
                                    <span class="badge-mode-pill active">Recomendado</span>
                                </div>
                                <p class="export-mode-desc">Apenas faturamento real (Vendas e Devoluções). Os totais batem 100% com a tela do portal e com o relatório oficial TE070 do Viman.</p>
                            </div>
                        </label>

                        {{-- ESCOPO 2: ANALÍTICO COMPLETO COM TODAS AS SAÍDAS --}}
                        <label class="export-mode-card" id="cardEscopoCompleto" onclick="selecionarEscopoFaturamento('todas_saidas')">
                            <div class="export-mode-radio-wrap">
                                <input type="radio" name="escopo_faturamento" id="radioEscopoCompleto" value="todas_saidas" onchange="selecionarEscopoFaturamento('todas_saidas')">
                            </div>
                            <div class="export-mode-content">
                                <div class="export-mode-title-row">
                                    <span class="export-mode-title">📦 Analítico Completo (Todas as Saídas)</span>
                                    <span class="badge-mode-pill all">Base Bruta</span>
                                </div>
                                <p class="export-mode-desc">Base analítica completa com tudo que foi de saída igual está hoje, incluindo Remessas (CFOP 5917/6917 comodato/consignação), devoluções e vendas.</p>
                            </div>
                        </label>
                    </div>
                </div>

                <div id="containerFormatoExportacao" class="export-mode-selector" style="display: none;">
                    <div class="export-section-title-wrap">
                        <span class="export-section-title">Formato do arquivo</span>
                        <span class="export-section-badge">Escolha do download</span>
                    </div>
                    <div class="export-scope-cards">
                        <label class="export-mode-card active" id="cardFormatoExcel" onclick="selecionarFormatoExportacao('xlsx')">
                            <div class="export-mode-radio-wrap">
                                <input type="radio" name="formato_exportacao" id="radioFormatoExcel" value="xlsx" checked onchange="selecionarFormatoExportacao('xlsx')">
                            </div>
                            <div class="export-mode-content">
                                <div class="export-mode-title-row">
                                    <span class="export-mode-title">Planilha Excel (.xlsx)</span>
                                    <span class="badge-mode-pill active">Formato completo</span>
                                </div>
                                <p class="export-mode-desc">Mantém o arquivo Excel atual. Histórico completo pode demorar para gerar.</p>
                            </div>
                        </label>
                        <label class="export-mode-card" id="cardFormatoCsv" onclick="selecionarFormatoExportacao('csv')">
                            <div class="export-mode-radio-wrap">
                                <input type="radio" name="formato_exportacao" id="radioFormatoCsv" value="csv" onchange="selecionarFormatoExportacao('csv')">
                            </div>
                            <div class="export-mode-content">
                                <div class="export-mode-title-row">
                                    <span class="export-mode-title">CSV rápido</span>
                                    <span class="badge-mode-pill all">Abre no Excel</span>
                                </div>
                                <p class="export-mode-desc">Gera o arquivo linha a linha; recomendado para muitos dados.</p>
                            </div>
                        </label>
                    </div>
                </div>

                {{-- SELETOR DE MODO (RADIO CARDS) --}}
                <div class="export-mode-selector">
                    <div class="export-section-title-wrap">
                        <span class="export-section-title">📅 Intervalo Temporal</span>
                        <span class="export-section-badge">Filtro de datas</span>
                    </div>
                    {{-- OPÇÃO 1: FILTRAR POR DATA --}}
                    <label class="export-mode-card" id="cardModoPeriodo" onclick="selecionarModoExportacao('periodo')">
                        <div class="export-mode-radio-wrap">
                            <input type="radio" name="modo_export" id="radioModoPeriodo" value="periodo" checked onchange="selecionarModoExportacao('periodo')">
                        </div>
                        <div class="export-mode-content">
                            <div class="export-mode-title-row">
                                <span class="export-mode-title">📅 Filtrar por Período de Datas</span>
                                <span class="badge-mode-pill active">Recomendado</span>
                            </div>
                            <p class="export-mode-desc">Exporta os lançamentos dentro do intervalo especificado abaixo.</p>
                        </div>
                    </label>

                    {{-- CAMPOS DE DATA --}}
                    <div id="containerCamposData" class="export-date-fields-container">
                        <div class="export-date-grid">
                            <div class="export-form-group">
                                <label for="modalExportDataDe">Data Inicial</label>
                                <div class="export-input-wrap">
                                    <input type="date" id="modalExportDataDe" name="data_de" class="export-input-date">
                                </div>
                            </div>
                            <div class="export-form-group">
                                <label for="modalExportDataAte">Data Final</label>
                                <div class="export-input-wrap">
                                    <input type="date" id="modalExportDataAte" name="data_ate" class="export-input-date">
                                </div>
                            </div>
                        </div>

                        {{-- ATALHOS RÁPIDOS DE DATA --}}
                        <div class="export-quick-dates">
                            <span class="quick-date-label">Atalhos:</span>
                            <button type="button" class="quick-date-btn" onclick="definirDatasAtalho('este_mes')">Este Mês</button>
                            <button type="button" class="quick-date-btn" onclick="definirDatasAtalho('mes_anterior')">Mês Anterior</button>
                            <button type="button" class="quick-date-btn" onclick="definirDatasAtalho('ultimos_90')">Últimos 90 Dias</button>
                            <button type="button" class="quick-date-btn" onclick="definirDatasAtalho('ano_atual')">Ano Atual</button>
                        </div>
                    </div>

                    {{-- OPÇÃO 2: TRAZER TODOS OS DADOS --}}
                    <label class="export-mode-card" id="cardModoTodos" onclick="selecionarModoExportacao('todos')">
                        <div class="export-mode-radio-wrap">
                            <input type="radio" name="modo_export" id="radioModoTodos" value="todos" onchange="selecionarModoExportacao('todos')">
                        </div>
                        <div class="export-mode-content">
                            <div class="export-mode-title-row">
                                <span class="export-mode-title">🌐 Trazer Todos os Dados</span>
                                <span class="badge-mode-pill all">Histórico Completo</span>
                            </div>
                            <p class="export-mode-desc">Ignora restrições de data e baixa toda a base histórica disponível.</p>
                        </div>
                    </label>
                </div>

                {{-- AVISO DE FILTROS ADICIONAIS PRESERVADOS --}}
                <div id="containerFiltrosPreservados" class="export-preserved-filters" style="display: none;">
                    <div class="preserved-header">
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
                        <span>Filtros da tela preservados na exportação:</span>
                    </div>
                    <div id="listaTagsFiltros" class="preserved-tags-list"></div>
                </div>

                {{-- INPUTS OCULTOS DE FILTROS ADICIONAIS --}}
                <div id="containerInputsOcultos"></div>
            </div>

            {{-- FOOTER COM BOTÕES --}}
            <div class="modal-export-footer">
                <button type="button" class="modal-export-btn-cancel" onclick="fecharModalExportacao()">Cancelar</button>
                <button type="submit" id="btnConfirmarExportacao" class="modal-export-btn-submit">
                    <svg id="iconDownloadSubmit" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>
                    </svg>
                    <span id="labelConfirmarExportacao">Baixar Planilha Excel</span>
                </button>
            </div>
        </form>
    </div>
</div>

<style>
/* ==========================================================================
   ESTILOS DO MODAL GLOBAL DE EXPORTAÇÃO (LIGHT / DARK THEME AWARE)
   ========================================================================== */
.modal-export-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: modalExportFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalExportFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalExportScaleUp {
    from { transform: scale(0.95) translateY(10px); opacity: 0; }
    to { transform: scale(1) translateY(0); opacity: 1; }
}

.modal-export-card {
    background: var(--bg-card, #161a23);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: 18px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: modalExportScaleUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* HEADER */
.modal-export-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    background: rgba(255, 255, 255, 0.02);
}

.modal-export-header-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

.modal-export-icon-badge {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #10b981;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.modal-export-title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-main, #f1f5f9);
    letter-spacing: -0.01em;
}

.modal-export-subtitle {
    margin: 3px 0 0;
    font-size: 0.82rem;
    color: var(--text-muted, #94a3b8);
}

.modal-export-close-btn {
    background: transparent;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    color: var(--text-muted, #94a3b8);
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 8px;
    transition: all 0.15s;
}

.modal-export-close-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

/* BODY */
.modal-export-body {
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.export-mode-selector {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.export-mode-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1.5px solid var(--border-color, rgba(255, 255, 255, 0.1));
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.export-mode-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(16, 185, 129, 0.4);
}

.export-mode-card.active {
    background: rgba(16, 185, 129, 0.06);
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
}

.export-mode-radio-wrap {
    padding-top: 2px;
}

.export-mode-radio-wrap input[type="radio"] {
    accent-color: #10b981;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.export-mode-content {
    flex: 1;
}

.export-mode-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.export-mode-title {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text-main, #f1f5f9);
}

.export-mode-desc {
    margin: 4px 0 0;
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
    line-height: 1.35;
}

.badge-mode-pill {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2px 8px;
    border-radius: 999px;
}

.badge-mode-pill.active {
    background: rgba(16, 185, 129, 0.18);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-mode-pill.all {
    background: rgba(59, 130, 246, 0.18);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

/* SECTION TITLE WRAP & SCOPE CARDS */
.export-section-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.export-section-title {
    font-size: 0.80rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #94a3b8);
}

.export-section-badge {
    font-size: 0.72rem;
    color: var(--text-muted, #94a3b8);
    background: rgba(255, 255, 255, 0.04);
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
}

.export-scope-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 6px;
}

/* DATE FIELDS CONTAINER */
.export-date-fields-container {
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.18);
    border: 1px dashed var(--border-color, rgba(255, 255, 255, 0.1));
    margin-top: -4px;
    margin-bottom: 4px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: opacity 0.2s, pointer-events 0.2s;
}

.export-date-fields-container.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.export-date-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.export-form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.export-form-group label {
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #94a3b8);
}

.export-input-wrap {
    position: relative;
}

.export-input-date {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--bg-card, #1e2430);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.15));
    color: var(--text-main, #f1f5f9);
    font-size: 0.86rem;
    font-weight: 600;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.export-input-date:focus {
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}

/* ATALHOS RÁPIDOS */
.export-quick-dates {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.quick-date-label {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-muted, #94a3b8);
    margin-right: 2px;
}

.quick-date-btn {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    color: var(--text-main, #cbd5e1);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.quick-date-btn:hover {
    background: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.4);
    color: #10b981;
}

/* FILTROS PRESERVADOS */
.export-preserved-filters {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    border-radius: 10px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.preserved-header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted, #94a3b8);
}

.preserved-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.preserved-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-main, #e2e8f0);
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 600;
}

/* FOOTER */
.modal-export-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    background: rgba(0, 0, 0, 0.15);
}

.modal-export-btn-cancel {
    background: transparent;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.15));
    color: var(--text-muted, #94a3b8);
    font-size: 0.85rem;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.15s;
}

.modal-export-btn-cancel:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-main, #ffffff);
}

.modal-export-btn-submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.5);
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 700;
    padding: 9px 20px;
    border-radius: 9px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
    transition: all 0.2s ease;
}

.modal-export-btn-submit:hover {
    background: #059669;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.5);
    transform: translateY(-1px);
}

.modal-export-btn-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
</style>

<script>
/**
 * GERENCIADOR JAVASCRIPT DO MODAL DE EXPORTAÇÃO GLOBAL
 */
window.modalExportState = {
    urlBase: '',
    params: {},
    modo: 'periodo', // 'periodo' ou 'todos'
    escopo: null, // 'faturamento_liquido' ou 'todas_saidas'
    textoBotao: 'Baixar Planilha Excel',
    formato: 'xlsx',
    opcoesFormatoCsv: false
};

/**
 * Abre o modal de exportação configurado para a tela solicitada.
 * @param {string} urlBase Rota do controller para download
 * @param {object} paramsAtuais Objeto com os filtros atuais da tela
 * @param {object} opcoes Customizações extras (título, subtítulo, opcoesFaturamento, etc.)
 */
window.abrirModalExportacao = function(urlBase, paramsAtuais = {}, opcoes = {}) {
    window.modalExportState.urlBase = urlBase;
    window.modalExportState.params = Object.assign({}, paramsAtuais);
    window.modalExportState.opcoesFormatoCsv = opcoes.opcoesFormatoCsv === true;
    const containerFormato = document.getElementById('containerFormatoExportacao');
    containerFormato.style.display = window.modalExportState.opcoesFormatoCsv ? 'block' : 'none';
    selecionarFormatoExportacao('xlsx');
    
    // Atualiza títulos se fornecidos
    if (opcoes.titulo) {
        document.getElementById('modalExportTitulo').textContent = opcoes.titulo;
    } else {
        document.getElementById('modalExportTitulo').textContent = 'Exportar Planilha Excel';
    }

    if (opcoes.subtitulo) {
        document.getElementById('modalExportSubtitulo').textContent = opcoes.subtitulo;
    } else {
        document.getElementById('modalExportSubtitulo').textContent = 'Selecione o intervalo de datas ou exporte todos os registros';
    }

    // Configura seção de escopo de faturamento (se a tela solicitou)
    const containerEscopo = document.getElementById('containerEscopoFaturamento');
    if (opcoes.opcoesFaturamento) {
        containerEscopo.style.display = 'block';
        const escopoAtual = paramsAtuais.escopo === 'todas_saidas' ? 'todas_saidas' : 'faturamento_liquido';
        selecionarEscopoFaturamento(escopoAtual);
    } else {
        containerEscopo.style.display = 'none';
        window.modalExportState.escopo = null;
    }

    // Preenche datas iniciais
    const inputDe = document.getElementById('modalExportDataDe');
    const inputAte = document.getElementById('modalExportDataAte');

    // Se a tela já tiver datas passadas nos parâmetros
    if (paramsAtuais.data_de && paramsAtuais.data_de !== '') {
        inputDe.value = formatarDataParaInput(paramsAtuais.data_de);
    } else {
        // Padrão: início do mês atual
        const hoje = new Date();
        const inicioMes = new Date(hoje.getFullYear(), hoje.getMonth(), 1);
        inputDe.value = formatarDataIso(inicioMes);
    }

    if (paramsAtuais.data_ate && paramsAtuais.data_ate !== '') {
        inputAte.value = formatarDataParaInput(paramsAtuais.data_ate);
    } else {
        // Padrão: hoje
        inputAte.value = formatarDataIso(new Date());
    }

    // Renderiza tags de outros filtros da tela (ex: filial, cliente, produto, etc.)
    renderizarFiltrosPreservados(paramsAtuais);

    // Modo inicial
    if (paramsAtuais.todos_dados === '1' || paramsAtuais.todos_dados === 1 || paramsAtuais.todos_dados === true) {
        selecionarModoExportacao('todos');
    } else {
        selecionarModoExportacao('periodo');
    }

    // Exibe o modal
    const modal = document.getElementById('modalExportacaoGlobal');
    modal.style.display = 'flex';
    document.body.style.overflow = 'hidden'; // Evita scroll de fundo
};

/**
 * Fecha o modal de exportação.
 */
window.fecharModalExportacao = function() {
    const modal = document.getElementById('modalExportacaoGlobal');
    if (modal) {
        modal.style.display = 'none';
        document.body.style.overflow = '';
    }
};

window.selecionarFormatoExportacao = function(formato) {
    const csvDisponivel = window.modalExportState.opcoesFormatoCsv === true;
    window.modalExportState.formato = csvDisponivel && formato === 'csv' ? 'csv' : 'xlsx';
    window.modalExportState.textoBotao = window.modalExportState.formato === 'csv' ? 'Baixar CSV' : 'Baixar Planilha Excel';

    document.getElementById('radioFormatoExcel').checked = window.modalExportState.formato === 'xlsx';
    document.getElementById('radioFormatoCsv').checked = window.modalExportState.formato === 'csv';
    document.getElementById('cardFormatoExcel').classList.toggle('active', window.modalExportState.formato === 'xlsx');
    document.getElementById('cardFormatoCsv').classList.toggle('active', window.modalExportState.formato === 'csv');
    document.getElementById('labelConfirmarExportacao').textContent = window.modalExportState.textoBotao;
};

window.fecharModalExportacaoSeClicarFora = function(event) {
    if (event.target.id === 'modalExportacaoGlobal') {
        fecharModalExportacao();
    }
};

// Tecla ESC fecha modal
document.addEventListener('keydown', function(event) {
    if (event.key === 'Escape' || event.key === 'Esc') {
        fecharModalExportacao();
    }
});

/**
 * Alterna entre o escopo de faturamento líquido e analítico completo de saídas.
 */
window.selecionarEscopoFaturamento = function(escopo) {
    window.modalExportState.escopo = escopo;
    const cardLiq = document.getElementById('cardEscopoLiquido');
    const cardComp = document.getElementById('cardEscopoCompleto');
    const radioLiq = document.getElementById('radioEscopoLiquido');
    const radioComp = document.getElementById('radioEscopoCompleto');

    if (escopo === 'todas_saidas') {
        if (cardComp) cardComp.classList.add('active');
        if (cardLiq) cardLiq.classList.remove('active');
        if (radioComp) radioComp.checked = true;
        if (radioLiq) radioLiq.checked = false;
    } else {
        if (cardLiq) cardLiq.classList.add('active');
        if (cardComp) cardComp.classList.remove('active');
        if (radioLiq) radioLiq.checked = true;
        if (radioComp) radioComp.checked = false;
    }
};

/**
 * Alterna entre o modo de período de data e todos os dados.
 */
window.selecionarModoExportacao = function(modo) {
    window.modalExportState.modo = modo;
    const cardPeriodo = document.getElementById('cardModoPeriodo');
    const cardTodos = document.getElementById('cardModoTodos');
    const radioPeriodo = document.getElementById('radioModoPeriodo');
    const radioTodos = document.getElementById('radioModoTodos');
    const containerCampos = document.getElementById('containerCamposData');
    const inputDe = document.getElementById('modalExportDataDe');
    const inputAte = document.getElementById('modalExportDataAte');

    if (modo === 'periodo') {
        cardPeriodo.classList.add('active');
        cardTodos.classList.remove('active');
        radioPeriodo.checked = true;
        radioTodos.checked = false;
        containerCampos.classList.remove('disabled');
        inputDe.disabled = false;
        inputAte.disabled = false;
    } else {
        cardTodos.classList.add('active');
        cardPeriodo.classList.remove('active');
        radioTodos.checked = true;
        radioPeriodo.checked = false;
        containerCampos.classList.add('disabled');
        inputDe.disabled = true;
        inputAte.disabled = true;
    }
};

/**
 * Define atalhos rápidos de datas.
 */
window.definirDatasAtalho = function(atalho) {
    selecionarModoExportacao('periodo');
    const inputDe = document.getElementById('modalExportDataDe');
    const inputAte = document.getElementById('modalExportDataAte');
    const hoje = new Date();

    if (atalho === 'este_mes') {
        inputDe.value = formatarDataIso(new Date(hoje.getFullYear(), hoje.getMonth(), 1));
        inputAte.value = formatarDataIso(hoje);
    } else if (atalho === 'mes_anterior') {
        const primeiroDiaMesAnterior = new Date(hoje.getFullYear(), hoje.getMonth() - 1, 1);
        const ultimoDiaMesAnterior = new Date(hoje.getFullYear(), hoje.getMonth(), 0);
        inputDe.value = formatarDataIso(primeiroDiaMesAnterior);
        inputAte.value = formatarDataIso(ultimoDiaMesAnterior);
    } else if (atalho === 'ultimos_90') {
        const noventaDiasAtras = new Date();
        noventaDiasAtras.setDate(hoje.getDate() - 90);
        inputDe.value = formatarDataIso(noventaDiasAtras);
        inputAte.value = formatarDataIso(hoje);
    } else if (atalho === 'ano_atual') {
        inputDe.value = formatarDataIso(new Date(hoje.getFullYear(), 0, 1));
        inputAte.value = formatarDataIso(hoje);
    }
};

/**
 * Renderiza etiquetas visuais dos outros filtros preservados da tela.
 */
function renderizarFiltrosPreservados(params) {
    const container = document.getElementById('containerFiltrosPreservados');
    const lista = document.getElementById('listaTagsFiltros');
    lista.innerHTML = '';

    const ignorarChaves = ['page', 'data_de', 'data_ate', 'todos_dados', 'escopo', '_token', 'atualizar', 'atualizar_agora', 'refresh'];
    const etiquetas = [];

    for (const [chave, valor] of Object.entries(params)) {
        if (ignorarChaves.includes(chave)) continue;
        if (valor === null || valor === undefined || String(valor).trim() === '' || valor === 'todas' || valor === 'todos') continue;

        let labelChave = chave.replace(/_/g, ' ');
        labelChave = labelChave.charAt(0).toUpperCase() + labelChave.slice(1);
        etiquetas.push(`${labelChave}: <strong>${escapeHtml(String(valor))}</strong>`);
    }

    if (etiquetas.length > 0) {
        container.style.display = 'flex';
        etiquetas.forEach(texto => {
            const tag = document.createElement('span');
            tag.className = 'preserved-tag';
            tag.innerHTML = texto;
            lista.appendChild(tag);
        });
    } else {
        container.style.display = 'none';
    }
}

/**
 * Submete a solicitação de exportação construindo a URL final completa.
 */
window.submeterModalExportacao = function(event) {
    if (event) event.preventDefault();

    const btnSubmit = document.getElementById('btnConfirmarExportacao');
    const labelSubmit = document.getElementById('labelConfirmarExportacao');
    const modo = window.modalExportState.modo;
    const urlBase = window.modalExportState.urlBase;
    const paramsAtuais = Object.assign({}, window.modalExportState.params);

    // Remove filtros antigos de paginação ou data
    delete paramsAtuais.page;
    delete paramsAtuais.data_de;
    delete paramsAtuais.data_ate;
    delete paramsAtuais.todos_dados;

    // Configura os parâmetros de acordo com o modo escolhido
    if (modo === 'todos') {
        paramsAtuais.todos_dados = '1';
    } else {
        const dataDe = document.getElementById('modalExportDataDe').value;
        const dataAte = document.getElementById('modalExportDataAte').value;

        if (dataDe && dataDe.trim() !== '') {
            paramsAtuais.data_de = dataDe.trim();
        }
        if (dataAte && dataAte.trim() !== '') {
            paramsAtuais.data_ate = dataAte.trim();
        }
    }

    // Se o escopo de faturamento estiver ativo no modal
    const containerEscopo = document.getElementById('containerEscopoFaturamento');
    if (containerEscopo && containerEscopo.style.display !== 'none') {
        paramsAtuais.escopo = window.modalExportState.escopo || 'faturamento_liquido';
    }

    if (window.modalExportState.opcoesFormatoCsv && window.modalExportState.formato === 'csv') {
        paramsAtuais.formato = 'csv';
    } else {
        delete paramsAtuais.formato;
    }

    // Constrói Query String
    const urlObj = new URL(urlBase, window.location.origin);
    for (const [k, v] of Object.entries(paramsAtuais)) {
        if (v !== null && v !== undefined && String(v).trim() !== '') {
            urlObj.searchParams.set(k, String(v));
        }
    }

    // Feedback visual no botão
    btnSubmit.disabled = true;
    labelSubmit.textContent = 'Preparando download...';

    // Dispara o download diretamente pelo navegador
    window.location.href = urlObj.toString();

    // Restaura o botão e fecha o modal suavemente após disparar o download
    setTimeout(() => {
        btnSubmit.disabled = false;
        labelSubmit.textContent = window.modalExportState.textoBotao || 'Baixar Planilha Excel';
        fecharModalExportacao();
    }, 1500);
};

// Utilitários de data
function formatarDataIso(date) {
    const ano = date.getFullYear();
    const mes = String(date.getMonth() + 1).padStart(2, '0');
    const dia = String(date.getDate()).padStart(2, '0');
    return `${ano}-${mes}-${dia}`;
}

function formatarDataParaInput(str) {
    if (!str) return '';
    str = String(str).trim();
    if (/^\d{4}-\d{2}-\d{2}$/.test(str)) return str;
    if (/^\d{2}\/\d{2}\/\d{4}$/.test(str)) {
        const [d, m, y] = str.split('/');
        return `${y}-${m}-${d}`;
    }
    if (/^\d{8}$/.test(str)) {
        return `${str.substr(0,4)}-${str.substr(4,2)}-${str.substr(6,2)}`;
    }
    return str;
}

function escapeHtml(text) {
    const map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' };
    return text.replace(/[&<>"']/g, m => map[m]);
}
</script>