/* 7G_bank_dashboard.css -- a bank's dashboard: the cards, the tick lists, the chart grid. */
.bank-dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}
/* A grid, not CSS columns: Bootstrap's floated .form-check inputs break across columns and land over one another. */
.peer-list,
.kpi-list {
  max-height: 320px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  column-gap: 1.5rem;
}
.peer-list .form-check,
.kpi-list .form-check {
  break-inside: avoid;
}
.chart-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 24px;
}
.chart-card {
  padding: 12px;
}
.chart-card svg {
  width: 100%;
  height: auto;
}