.account-key {
  display: block;
  margin-top: 2px;
  color: #82928f;
  font: 11px/1.35 ui-monospace, SFMono-Regular, Consolas, monospace;
  font-weight: 500;
}
.barrow { grid-template-columns: 132px 1fr 64px; }
.grid-two { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.barrow { grid-template-columns: 142px minmax(0, 1fr) 64px; }
.barrow span small { display: block; font-size: 10px; color: var(--muted); }
.barprogress { display: block; width: 100%; height: 10px; min-width: 0; appearance: none; -webkit-appearance: none; border: 0; border-radius: 99px; overflow: hidden; background: #e8eeea; }
.barprogress::-webkit-progress-bar { background: #e8eeea; border-radius: 99px; }
.barprogress::-webkit-progress-value { background: linear-gradient(90deg, #3f8c7c, #9ac5b0); border-radius: 99px; }
.barprogress::-moz-progress-bar { background: linear-gradient(90deg, #3f8c7c, #9ac5b0); border-radius: 99px; }
.chart-footer { border-top: 1px solid #edf0ed; padding-top: 13px; margin: 24px 0 0; color: var(--muted); font-size: 12px; clear: both; }
.account-card .row { gap: 16px; align-items: baseline; }
.account-card .row b { text-align: right; overflow-wrap: anywhere; }
.source-list { margin-top: 14px; padding-top: 11px; border-top: 1px solid #e5ebe8; }
.source-list-title { color: #40665d; font-size: 12px; font-weight: 750; }
.source-list-title b { margin-left: 5px; }
.source-list .chips { margin-top: 8px; }
.report-list { border-top-color: #eee6d9; }
.report-list .source-list-title { color: #916a3a; }
.report-list .chip { background: #f8f0e5; color: #86673f; }
.kind-filters { display: flex; gap: 5px; background: #eef2ef; border-radius: 9px; padding: 4px; }
.kind-button { border: 0; padding: 5px 10px; border-radius: 7px; background: transparent; color: #596d69; font-size: 12px; }
.kind-button.active { background: #fff; box-shadow: 0 1px 5px #203c3020; color: #194f47; font-weight: 700; }
.source-type { display: inline-block; border-radius: 5px; padding: 1px 5px; font-size: 10px; font-weight: 700; }
.source-type.group { background: #e8f3ed; color: #28715b; }
.source-type.report { background: #f8f0e5; color: #8b6534; }
@media (max-width: 720px) {
  .account-grid { grid-template-columns: 1fr; }
  .barrow { grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; }
  .barrow span { grid-column: 1; grid-row: 1; }
  .barrow b { grid-column: 2; grid-row: 1; }
  .barprogress { grid-column: 1 / -1; grid-row: 2; }
}