/* Venues tab scorecard: metrics down, yesterday / last 7 days / last 12 months across.
   Wide screens: the metric name in its own column. Phones: the name on its own line above its three figures. */
.sc-card .sc-sub { margin: var(--cds-gap-xs) 0 0; font-weight: 600; color: var(--color-fg); }
.sc-grid { display: grid; grid-template-columns: minmax(10rem, 1.3fr) repeat(3, minmax(0, 1fr)); column-gap: 16px; margin-top: var(--cds-gap-sm); }
.sc-row { display: contents; }
.sc-label, .sc-c, .sc-h { padding: 10px 0; border-top: 1px solid var(--color-border-line); min-width: 0; }
.sc-headrow > * { border-top: 0; padding: 4px 0 8px; }
.sc-corner { font: var(--label); letter-spacing: .06em; text-transform: uppercase; color: var(--color-fg-muted); align-self: end; }
.sc-h { text-align: right; align-self: end; }
.sc-hl { font: var(--label); letter-spacing: .06em; text-transform: uppercase; }
.sc-hw { font-size: 12px; color: var(--color-fg-muted); margin-top: 2px; }
.sc-group { grid-column: 1 / -1; font: var(--label); letter-spacing: .06em; text-transform: uppercase; color: var(--color-fg-muted); padding: 16px 0 6px; border-bottom: 2px solid var(--color-fg); }
.sc-grouprow + .sc-row > * { border-top: 0; }
.sc-ln { display: block; font-weight: 700; }
.sc-ls { display: block; font-size: 12px; color: var(--color-fg-muted); margin-top: 2px; }
.sc-indent .sc-label { padding-left: 14px; }
.sc-c { text-align: right; }
.sc-v { font-weight: 800; font-size: 1.05rem; line-height: 1.2; font-variant-numeric: tabular-nums; }
.sc-d { font-size: 12px; line-height: 1.35; margin-top: 2px; font-variant-numeric: tabular-nums; }
.sc-d .rr-good, .sc-d .rr-bad { font-weight: 700; }
.sc-b { color: var(--color-fg-muted); }
.sc-d .sc-vs::before { content: ' · '; }
.sc-card .sc-note { margin-top: var(--cds-gap-sm); }
.ve-filters { margin-top: var(--cds-gap-lg, 24px); }
.ve-filters .ve-filters-h { margin: 0 0 4px; }
.ve-filters > .rr-note { margin: 0 0 var(--cds-gap-sm); }

@media (max-width: 640px) {
  .sc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 10px; }
  .sc-label { grid-column: 1 / -1; padding: 12px 0 0; }
  .sc-label .sc-ln, .sc-label .sc-ls { display: inline; }
  .sc-label .sc-ls::before { content: ', '; }
  .sc-c { border-top: 0; padding: 4px 0 10px; }
  .sc-corner { display: none; }
  .sc-indent .sc-label { padding-left: 0; }
  .sc-v { font-size: 1rem; }
  .sc-d .sc-vs { display: block; }
  .sc-d .sc-vs::before { content: none; }
}