.tr-stock-row {
  transition: background-color 0.2s ease;
}

.clickable-batch-cell, .clickable-barcode-cell {
  cursor: pointer;
  transition: all 0.2s ease;
}

.clickable-batch-cell:hover, .clickable-barcode-cell:hover {
  background-color: rgba(99, 102, 241, 0.12) !important;
  color: var(--color-primary-600) !important;
}

[data-theme="dark"] .clickable-batch-cell:hover,
[data-theme="dark"] .clickable-barcode-cell:hover,
:root:not([data-theme="light"]) .clickable-batch-cell:hover,
:root:not([data-theme="light"]) .clickable-barcode-cell:hover {
  background-color: rgba(99, 102, 241, 0.24) !important;
  color: var(--color-primary-300) !important;
}

/* Classes robustas e responsivas para o tema com transparência */
.tr-expired {
  border-left: 4px solid var(--color-danger-500) !important;
}
.tr-expired td {
  background-color: rgba(239, 68, 68, 0.08) !important;
}
.tr-expired:hover td {
  background-color: rgba(239, 68, 68, 0.16) !important;
}
.tr-near-expiry {
  border-left: 4px solid var(--color-warning-500) !important;
}
.tr-near-expiry td {
  background-color: rgba(245, 158, 11, 0.06) !important;
}
.tr-near-expiry:hover td {
  background-color: rgba(245, 158, 11, 0.12) !important;
}

/* Melhora no hover das abas */
.btn-tab:hover {
  color: var(--color-primary-500) !important;
}

/* Painel de KPIs interativos dentro do modal */
.kpi-widget-interactive {
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid transparent !important;
}

.kpi-widget-interactive:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  filter: brightness(1.05);
}

.kpi-widget-interactive--active {
  border-color: var(--color-primary-500) !important;
  background: var(--color-surface-hover) !important;
  box-shadow: 0 0 0 2px var(--color-primary-200) !important;
}

[data-theme="dark"] .kpi-widget-interactive--active,
:root:not([data-theme="light"]) .kpi-widget-interactive--active {
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2) !important;
}