/* ---- アカウントのダッシュボード（テーマの色変数を使うので、ライト／ダークの両方に追従する） ---- */

/* 残高カードはスクロールしても画面上部に残す */
.nm-summary {
  position: sticky;
  top: 4.25rem;
  z-index: 5;
  background: var(--bs-body-bg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.nm-chart { display: block; max-width: 100%; height: auto; }
.nm-chart .nm-grid { stroke: var(--bs-border-color); stroke-width: 1; }
.nm-chart .nm-axis { fill: var(--bs-secondary-color); font-size: 11px; }
.nm-chart g:hover rect.nm-bar-tests,
.nm-chart g:hover rect.nm-bar-sim { opacity: .75; }

.nm-bar-tests { fill: var(--bs-primary); background: var(--bs-primary); }
.nm-bar-sim { fill: var(--bs-warning); background: var(--bs-warning); }

.nm-swatch {
  display: inline-block;
  width: .8em;
  height: .8em;
  border-radius: 2px;
  vertical-align: -1px;
}

#nm-nav-balance .badge { font-size: .8rem; font-variant-numeric: tabular-nums; }