// Finance Module Styles
// Used by: /finance/views/dashboard.php, /finance/views/reports.php

// Finance dashboard & reports card styling
.finance-card {
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;

  &:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  }
}

// Finance metric cards (YTD Payments, Pledges, etc.)
.finance-metric-card {
  border-radius: 0.25rem;

  .finance-metric-value {
    font-size: 2rem;
    font-weight: 700;
    color: white;
  }

  .finance-metric-label {
    letter-spacing: 1px;
  }

  // Gradient backgrounds for metric cards
  &.metric-payments {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  }

  &.metric-pledges {
    background: linear-gradient(135deg, #007bff 0%, #6f42c1 100%);
  }

  &.metric-donors {
    background: linear-gradient(135deg, #17a2b8 0%, #20c997 100%);
  }

  &.metric-count {
    background: linear-gradient(135deg, #fd7e14 0%, #ffc107 100%);
  }
}

// Finance report list items with hover effect
.finance-list-group-item {
  transition: all 0.2s ease;

  &:hover {
    background-color: #f8f9fa;
    transform: translateX(3px);
  }

  h6 {
    margin-bottom: 0.25rem;
  }
}

// Finance progress bars
.finance-progress {
  height: 20px;
}

// Truncated text cells
.finance-truncate {
  max-width: 200px;
}
