/* Table and Dark Overrides */
.p-datatable {
  table-layout: fixed !important;
}
.p-datatable td span.truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Dark Mode for Table */
[data-theme="dark"] .p-datatable {
  background-color: #121212 !important;
  color: #e5e7eb !important;
}
[data-theme="dark"] .p-datatable-thead > tr > th {
  background-color: #1f1f1f !important;
  color: #e5e7eb !important;
  border-bottom: 1px solid #374151;
}
[data-theme="dark"] .p-datatable-tbody > tr {
  background-color: #1a1a1a !important;
  border-bottom: 1px solid #374151;
  color: #e5e7eb !important;
}
[data-theme="dark"] .p-datatable-tbody > tr:nth-child(odd) {
  background-color: #222 !important;
}
[data-theme="dark"] .p-datatable-tbody > tr:hover {
  background-color: #333 !important;
  color: #fff !important;
}

/* Paginator Dark Mode */
[data-theme="dark"] .p-paginator {
  background-color: #121212 !important;
  color: #e5e7eb !important;
  border-top: 1px solid #374151 !important;
}
[data-theme="dark"] .p-paginator .p-paginator-page,
[data-theme="dark"] .p-paginator .p-paginator-next,
[data-theme="dark"] .p-paginator .p-paginator-prev,
[data-theme="dark"] .p-paginator .p-paginator-first,
[data-theme="dark"] .p-paginator .p-paginator-last {
  color: #e5e7eb !important;
  background: transparent !important;
  border: none !important;
}
[data-theme="dark"] .p-paginator .p-paginator-page:hover,
[data-theme="dark"] .p-paginator .p-paginator-next:hover,
[data-theme="dark"] .p-paginator .p-paginator-prev:hover {
  background-color: #374151 !important;
  color: #fff !important;
  border-radius: 0.25rem;
}
[data-theme="dark"] .p-paginator .p-highlight {
  background-color: #6b7280 !important;
  color: #fff !important;
  border-radius: 0.25rem !important;
}

/* Dark Mode for PrimeReact Dialog */
[data-theme="dark"] .p-dialog {
  background-color: #1a1a1a !important;
  color: #e5e7eb !important;
  border-color: #374151 !important;
}
[data-theme="dark"] .p-dialog .p-dialog-header {
  background-color: #121212 !important;
  color: #e5e7eb !important;
  border-bottom: 1px solid #374151 !important;
}
[data-theme="dark"] .p-dialog .p-dialog-content {
  background-color: #1a1a1a !important;
  color: #e5e7eb !important;
}
[data-theme="dark"] .p-dialog .p-dialog-footer {
  background-color: #121212 !important;
  border-top: 1px solid #374151 !important;
}
