/* History & Analytics — dark theme (matches dashboard.css tokens) */

.hist-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
  margin-bottom: 0.5rem;
}

.hist-select {
  min-width: 11rem;
  min-height: 2.6rem; /* comfortable tablet tap target */
  font-size: 0.95rem;
}

.hist-chart-wrap {
  position: relative;
  width: 100%;
  min-height: 240px;
}

.hist-chart-wrap canvas {
  width: 100% !important;
  max-height: 280px;
}

/* Month comparison + top items render into the existing dash-card/list styles,
   but month comparison uses its own bar chart canvas. Top items reuse the
   .dash-list / .dash-badge components already defined in dashboard.css. */