/* frontend/styles/modules/approvals.css */
/* Scoped styles for BPM Approvals Module */

[data-module="approvals"] .approval-card,
[data-module="approvals"] .process-step-card {
  background: var(--mod-card-bg, rgba(255, 255, 255, 0.08)) !important;
  border: 1px solid var(--mod-card-border, rgba(168, 85, 247, 0.25)) !important;
  color: var(--mod-text, #ffffff) !important;
  border-radius: var(--mod-radius);
}

[data-module="approvals"] .process-timeline-node {
  border-color: var(--mod-accent, #a855f7) !important;
}

[data-module="approvals"] .approval-actions button {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}