/* ============================================
   🔧 HISTORY INTERACTION FIX
   Corrige bloqueio de cliques na seção "Histórico de Operações"

   PROBLEMA: Pseudo-elementos decorativos bloqueiam interação
   SOLUÇÃO: Adicionar pointer-events: none nos overlays
   ============================================ */

/**
 * FIX #1: Névoa de fundo não deve bloquear cliques
 * Este pseudo-elemento cria o efeito de névoa animada,
 * mas estava interceptando todos os eventos de mouse
 */
.modern-goals-container::before {
    pointer-events: none !important;
}

/**
 * FIX #2: Partículas flutuantes não devem bloquear cliques
 * Este pseudo-elemento cria as partículas decorativas,
 * mas estava bloqueando seleção de texto e cliques
 */
.modern-goals-container::after {
    pointer-events: none !important;
}

/**
 * GARANTIA: Todos os elementos interativos dentro do histórico
 * devem receber eventos de ponteiro normalmente
 */
.modern-history,
.modern-history * {
    pointer-events: auto;
}

/**
 * GARANTIA: Botões de paginação devem ser totalmente clicáveis
 */
#history-pagination,
#history-pagination button {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/**
 * GARANTIA: Texto deve ser selecionável
 */
.modern-history-item,
.modern-history-item * {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

/**
 * GARANTIA: Links e botões dentro do histórico devem mudar cursor
 */
.modern-history a,
.modern-history button {
    cursor: pointer !important;
}

/* ============================================
   VALIDAÇÃO VISUAL (apenas para debugging)
   Descomente para ver as áreas interativas
   ============================================ */

/*
.modern-goals-container::before {
    background: rgba(255, 0, 0, 0.1) !important;
}

.modern-goals-container::after {
    background: rgba(0, 255, 0, 0.1) !important;
}
*/