/* CRITICAL STYLES - MUST BE APPLIED */
.mat-mdc-header-row,
.mdc-data-table__header-row,
tr.mat-mdc-header-row,
tr.mdc-data-table__header-row,
thead tr,
.mat-mdc-table thead tr.mat-mdc-header-row,
.mat-mdc-table .mdc-data-table__header-row,
.mat-mdc-table thead,
app-data-table table thead tr,
table.mat-mdc-table thead tr.mat-mdc-header-row,
.mat-mdc-table .mat-mdc-header-row,
.mdc-table .mdc-data-table__header-row,
.table-wrapper .mat-mdc-table .mat-mdc-header-row {
  background-color: #4f94ef !important;
  border-bottom: 2px solid rgba(23, 12, 235, 0.12) !important;
  height: 52px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.mat-mdc-header-cell,
.mdc-data-table__header-cell,
tr.mat-mdc-header-row th,
tr.mdc-data-table__header-row th,
thead tr th,
.mat-mdc-table .mat-mdc-header-cell,
.mat-mdc-table thead tr.mat-mdc-header-row th,
.mat-mdc-table .mdc-data-table__header-cell,
app-data-table table thead tr th,
table.mat-mdc-table thead tr.mat-mdc-header-row th,
.table-wrapper .mat-mdc-table .mat-mdc-header-row .mat-mdc-header-cell {
  color: white !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border-bottom: none !important;
  text-align: center !important;
}

.mat-sort-header-arrow,
.mat-sort-header-sorted .mat-sort-header-arrow,
.mat-sort-header-active .mat-sort-header-arrow,
.mat-mdc-table .mat-sort-header-arrow,
app-data-table .mat-sort-header-arrow {
  color: white !important;
  opacity: 1 !important;
}

.dark-theme .mat-mdc-header-row,
.dark-theme .mdc-data-table__header-row,
.dark-theme tr.mat-mdc-header-row,
.dark-theme thead tr,
.dark-theme .mat-mdc-table thead tr.mat-mdc-header-row,
.dark-theme app-data-table table thead tr,
.dark-theme table.mat-mdc-table thead tr.mat-mdc-header-row,
.dark-theme .table-wrapper .mat-mdc-table .mat-mdc-header-row {
  background-color: #1a237e !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;
}

/* Fix for action buttons wrapping issue */
.actions-cell {
  white-space: nowrap !important;
  width: auto !important;
  min-width: 100px !important;
}

.action-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Ensure pagination is styled correctly */
.mat-mdc-paginator {
  background-color: transparent !important;
}

/* Override Angular Material 17's newer MDC classes */
.mdc-data-table__header-row {
  background-color: #3f51b5 !important;
  height: 52px !important;
}

.mdc-data-table__header-cell {
  color: white !important;
  font-weight: 600 !important;
  text-align: center !important;
}