.gl { margin: 10px 0 0; padding: 12px 14px; border-radius: var(--r-ctl, 12px); background: var(--bg-soft); }
.gl[hidden] { display: none; }
.gl-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 18px minmax(0, 1fr) auto auto;
  gap: 5px 12px; }
.gl-row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: baseline; font-size: 13px; }
.gl-n { color: var(--dim); font-variant-numeric: tabular-nums; }
.gl-card { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--text); }
.gl-usd { color: var(--muted); font-variant-numeric: tabular-nums; }
.gl-on { font-size: 12px; color: var(--t700, #15775C); }
.gl-row.is-on .gl-n { color: var(--t700, #15775C); }
@media (max-width: 600px) {
  .gl-list { grid-template-columns: 18px minmax(0, 1fr) auto; }
  .gl-on { grid-column: 2 / -1; }
  .gl-on:empty { display: none; }
}