#tableEmendasExecucao { display: block; font-size: 11px }
#tableEmendasExecucao thead { display: none; }
#tableEmendasExecucao tbody { display: block; }

#tableEmendasExecucao tbody tr {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px 12px;
    padding: 8px 10px;
    border-bottom: 2px solid #dee2e6;
}

#tableEmendasExecucao tbody td {
    border: none;
    padding: 2px 0;
    text-align: left !important;
}

#tableEmendasExecucao tbody td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    font-size: 9px;
    color: #585e63;
    text-transform: uppercase;
}

/* Linha 1: Data | Emenda | Autoria | Tipo | Nº Empenho */
#tableEmendasExecucao tbody td:nth-child(1) { grid-area: 1 / 1; }
#tableEmendasExecucao tbody td:nth-child(2) { grid-area: 1 / 2; }
#tableEmendasExecucao tbody td:nth-child(3) { grid-area: 1 / 3; }
#tableEmendasExecucao tbody td:nth-child(4) { grid-area: 1 / 4; }
#tableEmendasExecucao tbody td:nth-child(7) { grid-area: 1 / 5; }

/* Linha 2: Beneficiário | Previsto | Empenhado | Liquidado | Pago */
#tableEmendasExecucao tbody td:nth-child(6)  { grid-area: 2 / 1; }
#tableEmendasExecucao tbody td:nth-child(8)  { grid-area: 2 / 2; }
#tableEmendasExecucao tbody td:nth-child(9)  { grid-area: 2 / 3; }
#tableEmendasExecucao tbody td:nth-child(10) { grid-area: 2 / 4; }
#tableEmendasExecucao tbody td:nth-child(11) { grid-area: 2 / 5; }

/* Linha 3: Descrição ocupando toda a largura */
#tableEmendasExecucao tbody td:nth-child(5) { grid-area: 3 / 1 / 4 / 6; }

/* Celular: 2 colunas, fluxo automático */
@media (max-width: 768px) {
    #tableEmendasExecucao tbody tr { grid-template-columns: repeat(2, 1fr); }
    #tableEmendasExecucao tbody td { grid-area: auto !important; }
    #tableEmendasExecucao tbody td:nth-child(5) { grid-column: 1 / -1; }
}

/* Fim */

#tableOrdemCronologia { display: block; font-size: 11px }
#tableOrdemCronologia thead { display: none; }
#tableOrdemCronologia tbody { display: block; }

#tableOrdemCronologia tbody tr {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px 12px;
    padding: 8px 10px;
    border-bottom: 2px solid #dee2e6;
}

#tableOrdemCronologia tbody td {
    border: none;
    padding: 2px 0;
    text-align: left !important;
}

#tableOrdemCronologia tbody td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    font-size: 9px;
    color: #6c757d;
    text-transform: uppercase;
}

/* Linha 1: Entidade | Fonte de Recurso | Tipo de Contrato (2 colunas cada) */
#tableOrdemCronologia tbody td:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
#tableOrdemCronologia tbody td:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
#tableOrdemCronologia tbody td:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }

/* Linha 2: Empenho | Fornecedor | Data Liq. | Data Pagto | Data Exig. | Valor Pago */
#tableOrdemCronologia tbody td:nth-child(4) { grid-area: 2 / 1; }
#tableOrdemCronologia tbody td:nth-child(5) { grid-area: 2 / 2; }
#tableOrdemCronologia tbody td:nth-child(6) { grid-area: 2 / 3; }
#tableOrdemCronologia tbody td:nth-child(7) { grid-area: 2 / 4; }
#tableOrdemCronologia tbody td:nth-child(8) { grid-area: 2 / 5; }
#tableOrdemCronologia tbody td:nth-child(9) { grid-area: 2 / 6; }

/* Linha 3: Justificativa em toda a largura */
#tableOrdemCronologia tbody td:nth-child(10) { grid-area: 3 / 1 / 4 / 7; }

/* Rodapé com o total */
#tableOrdemCronologia tfoot { display: block; }
#tableOrdemCronologia tfoot tr {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 10px;
}
#tableOrdemCronologia tfoot th { border: none; }
#tableOrdemCronologia tfoot th:empty { display: none; }

/* Celular: 2 colunas, fluxo automático */
@media (max-width: 768px) {
    #tableOrdemCronologia tbody tr { grid-template-columns: repeat(2, 1fr); }
    #tableOrdemCronologia tbody td { grid-area: auto !important; }
    #tableOrdemCronologia tbody td:nth-child(10) { grid-column: 1 / -1; }
}

/* Fim */