/* ==========================================
   SERVME - PAGES AUTHENTICATED DESKTOP BILLING
   Billing page desktop - DESKTOP uniquement
   Extrait de billing.css (hors @media mobile)
   ========================================== */

/* ============================================
   SERVME - BILLING STYLES
   Styles pour l'historique des paiements et factures
   =========================================== */

.payments-list {
  background: white;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.payments-table {
  width: 100%;
  border-collapse: collapse;
}

.payments-table thead {
  background: var(--gray-50, #f9fafb);
}

.payments-table th {
  padding: var(--space-4, 16px);
  text-align: left;
  font-weight: 600;
  color: var(--gray-700, #374151);
  font-size: var(--font-sm, 14px);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--gray-200, #e5e7eb);
}

.payments-table td {
  padding: var(--space-4, 16px);
  border-bottom: 1px solid var(--gray-200, #e5e7eb);
  color: var(--gray-700, #374151);
  font-size: var(--font-sm, 14px);
}

.payments-table tbody tr:hover {
  background: var(--gray-50, #f9fafb);
}

.payments-table tbody tr:last-child td {
  border-bottom: none;
}