/* Fix for icon colors on button hover in light mode */
.p-button:not(.p-button-text):hover .p-button-icon {
  color: inherit !important;
}

/* Dark mode styles */
[data-theme="dark"] .p-datatable .p-datatable-tbody > tr.p-row-odd {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .p-paginator {
  background-color: var(--surface-card) !important;
}

[data-theme="dark"] .p-paginator .p-paginator-element {
  color: var(--text-color) !important;
}

/* Improvements for buttons with icons */
.p-button.p-button-text:hover {
  background-color: var(--surface-hover);
}

.p-button.p-button-text.p-button-success:hover .p-button-icon,
.p-button.p-button-text.p-button-success.p-button-outlined:hover .p-button-icon {
  color: var(--p-green-500) !important;
}

.p-button.p-button-text.p-button-secondary:hover .p-button-icon,
.p-button.p-button-text.p-button-secondary.p-button-outlined:hover .p-button-icon {
  color: var(--secondary-color) !important;
}

/* Progress bar styles */
:deep(.progress-low) {
  background-color: var(--green-100) !important;
}

:deep(.progress-low .p-progressbar-value) {
  background-color: var(--green-500) !important;
}

:deep(.progress-medium) {
  background-color: var(--orange-100) !important;
}

:deep(.progress-medium .p-progressbar-value) {
  background-color: var(--orange-500) !important;
}

:deep(.progress-high) {
  background-color: var(--red-100) !important;
}

:deep(.progress-high .p-progressbar-value) {
  background-color: var(--red-500) !important;
}

/* Text colors for progress indicators */
.text-progress-low {
  color: var(--green-500) !important;
}

.text-progress-medium {
  color: var(--orange-500) !important;
}

.text-progress-high {
  color: var(--red-500) !important;
}