/* ============================= */
/* RESPONSIVIDADE MOBILE         */
/* ============================= */

@media (max-width: 768px) {

    /* Container de filtros */
    .SrcBar, #divFiltGeral, .divGeral {
        flex-direction: column;
        align-items: stretch;
    }

    #divFiltSep {
        width: 100%;
    }

    .filterBtnGreen, .filterBtnRed {
        width: 100%;
        justify-content: center;
    }

    /* Tabela adaptativa para mobile */
    .table-container {
        overflow-x: visible;
        box-shadow: none;
    }

    #dataTable, 
    #dataTable thead, 
    #dataTable tbody, 
    #dataTable th, 
    #dataTable td, 
    #dataTable tr {
        display: block;
        width: 100%;
    }

    /* Esconde cabeçalho */
    #dataTable thead {
        display: none;
    }

    /* Cada linha vira um card */
    #dataTable tr {
        margin-bottom: 15px;
        background: #fff;
        border: 1px solid #eaeaea;
        border-radius: 8px;
        padding: 12px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    }

    #dataTable td {
        border: none;
        padding: 8px 10px;
        position: relative;
        font-size: 0.95rem;
        display: flex;
        justify-content: space-between;
    }

    /* Título da coluna antes do valor */
    #dataTable td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #333;
        flex: 1;
        padding-right: 10px;
        text-align: left;
    }
}