/* CSS específico para tabelas de auditoria */

/* Headers da tabela de operações - tema Sofia */
#audit-operations-table .dash-spreadsheet-container .dash-spreadsheet-inner table thead th,
#audit-operations-table .dash-spreadsheet-container .dash-spreadsheet-inner .row-header {
    background-color: #DA7756 !important;  /* Laranja principal do tema */
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* Headers da tabela de notas - tema Sofia */
#audit-notes-table .dash-spreadsheet-container .dash-spreadsheet-inner table thead th,
#audit-notes-table .dash-spreadsheet-container .dash-spreadsheet-inner .row-header {
    background-color: #6C5DAC !important;  /* Roxo do tema */
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* Filtros usando cores do tema Sofia */
#audit-operations-table .dash-filter,
#audit-operations-table .dash-filter input,
#audit-operations-table input.dash-filter--case,
#audit-notes-table .dash-filter,
#audit-notes-table .dash-filter input,
#audit-notes-table input.dash-filter--case {
    background-color: #fbfaf8 !important;  /* Fundo do tema */
    color: #151514 !important;  /* Texto do tema */
    border: 1px solid #e5e4e0 !important;  /* Borda sutil do tema */
}

/* Placeholder dos filtros */
#audit-operations-table .dash-filter input::placeholder,
#audit-notes-table .dash-filter input::placeholder {
    color: #6B5D54 !important;  /* Texto secundário do tema */
}

/* Forçar cores nos headers - última tentativa */
.dash-table-container[id*="audit"] .dash-spreadsheet-container .dash-spreadsheet-inner table thead th {
    background-color: var(--audit-header-bg) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* Variáveis CSS para cada tabela - tema Sofia */
#audit-operations-table {
    --audit-header-bg: #DA7756;  /* Laranja principal */
}

#audit-notes-table {
    --audit-header-bg: #6C5DAC;  /* Roxo do tema */
}