/**
 * Wallet → Billing
 *
 * Purpose:
 *   Styles for the Wallet billing total and invoice-style bill list.
 *
 * Dashboard:
 *   Go Business · data-view="wallet" · data-wallet-mode="billing"
 *
 * This file:
 *   business/dashboard/wallet-app/billing/billing.css
 *
 * Depends on:
 *   - business/dashboard/wallet-app/billing/billing.html
 *   - business/dashboard/wallet-app/wallet-app.css
 *
 * Used by:
 *   - scripts/assemble-dashboards.js → business/dashboard/styles.css
 */

.wallet-billing-total {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(16, 16, 18, 0.1);
  border-radius: 12px;
  background: #101012;
  color: #f3f3f4;
}

.wallet-billing-total-label {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(243, 243, 244, 0.72);
}

.wallet-billing-total-amount {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 750;
  letter-spacing: -0.03em;
}

.wallet-billing-list {
  display: grid;
  gap: 1rem;
}

.wallet-billing-section {
  display: grid;
  gap: 0.55rem;
}

.wallet-billing-heading {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #667085;
}

.wallet-billing-row {
  cursor: default;
}

.wallet-billing-row:hover {
  transform: none;
  box-shadow: none;
}