/**
 * Quick Stats CSS
 *
 * Styling for quick stats components in sidebar
 */

/* ===========================================
   QUICK STATS CONTAINER
   =========================================== */
swp-quick-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--card-gap);
}

/* ===========================================
   QUICK STAT ITEM
   =========================================== */
swp-quick-stat {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding: var(--card-padding);
  background: var(--color-background-alt);
  border-radius: var(--radius-md);
}

swp-quick-stat swp-stat-value {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-mono);
  color: var(--color-text);
}

swp-quick-stat swp-stat-label {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}