/* Custom overrides layered on top of Vanilla Framework. */

/* Give charts a consistent height and let Plotly fill the width. */
.chart {
  width: 100%;
  height: 360px;
}

/* Cards inside the responsive grid should stretch to equal height. */
.p-card {
  height: 100%;
}

/* Tidy up the global filter bar spacing. */
.p-filters {
  margin-top: 1rem;
  align-items: center;
}

.p-filters select {
  margin-bottom: 0;
}

/* Ensure the segmented control wraps nicely on small screens. */
.p-segmented-control {
  margin-bottom: 0.5rem;
}

/* Slightly tighten stat-card numbers. */
.p-card .p-heading--2 {
  line-height: 1.1;
}

/* Status bar text. */
.l-status .u-text--muted {
  font-size: 0.75rem;
}