/**
 * PHLX Dashboard CSS
 *
 * Notes:
 * - Keeps wallet/dashboard screens stronger and cleaner.
 * - Only contains dashboard-specific enhancements.
 */

.phlx-dashboard-balance {
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.phlx-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.phlx-dashboard-metric {
  background: #fff;
  border: 1px solid var(--phlx-border);
  border-radius: 12px;
  padding: 12px;
  box-shadow: var(--phlx-shadow-sm);
}

.phlx-dashboard-metric__label {
  display: block;
  font-size: 12px;
  color: var(--phlx-text-soft);
  margin-bottom: 4px;
}

.phlx-dashboard-metric__value {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--phlx-text);
}