/* Compact Account Master figures so the account list begins higher on screen. */
body[data-view="accounts"] #content .summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 12px;
}

body[data-view="accounts"] #content .summaryitem {
  min-height: 56px;
  padding: 8px 10px;
  gap: 8px;
}

body[data-view="accounts"] #content .summaryitem .kpiIcon {
  flex-basis: 30px;
  width: 30px;
  height: 30px;
}

body[data-view="accounts"] #content .summaryitem .kpiIcon svg { width: 15px; height: 15px; }
body[data-view="accounts"] #content .summaryitem small { font-size: 8px; line-height: 1.05; letter-spacing: .18px; }
body[data-view="accounts"] #content .summaryitem strong { font-size: 16px; line-height: 1.05; margin-top: 2px; }
body[data-view="accounts"] #content .toolbar { margin-bottom: 14px; }

@media (max-width: 820px) {
  body[data-view="accounts"] #content .summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 7px 0 11px; }
  body[data-view="accounts"] #content .summaryitem { min-height: 50px; padding: 7px 8px; gap: 7px; }
  body[data-view="accounts"] #content .summaryitem .kpiIcon { flex-basis: 26px; width: 26px; height: 26px; }
  body[data-view="accounts"] #content .summaryitem .kpiIcon svg { width: 13px; height: 13px; }
  body[data-view="accounts"] #content .summaryitem small { font-size: 7px; }
  body[data-view="accounts"] #content .summaryitem strong { font-size: 14px; }
}