/* frontend/styles/modules/payments.css */
/* Scoped styles for Treasury & Payments Module */

[data-module="payments"] .kpi-card,
[data-module="payments"] .stat-card {
  background: var(--mod-card-bg, rgba(255, 255, 255, 0.08)) !important;
  border: 1px solid var(--mod-card-border, rgba(16, 185, 129, 0.2)) !important;
  color: var(--mod-text, #ffffff) !important;
}

[data-module="payments"] table {
  color: var(--mod-text, #ffffff) !important;
  border-collapse: separate;
  border-spacing: 0;
}

[data-module="payments"] table thead th {
  background: var(--mod-card-bg, rgba(16, 185, 129, 0.12)) !important;
  color: var(--mod-accent, #10b981) !important;
  font-weight: 600;
  border-bottom: 1px solid var(--mod-card-border, rgba(16, 185, 129, 0.25)) !important;
}

[data-module="payments"] table tbody tr {
  transition: var(--mod-transition);
}

[data-module="payments"] table tbody tr:hover {
  background: rgba(16, 185, 129, 0.08) !important;
}

[data-module="payments"] table tbody td {
  border-bottom: 1px solid var(--mod-card-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--mod-text, #ffffff) !important;
}

[data-module="payments"] .status-badge {
  font-weight: 600;
  letter-spacing: 0.02em;
}