.cg-market-data { padding: 32px 0; letter-spacing: 0; color: #eef2f6; }
.cg-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.cg-heading h1 { font-size: 26px; line-height: 1.25; margin: 0; }
.cg-eyebrow { color: #99a9b7; font-size: 13px; margin: 0 0 6px; }
.cg-status { font-size: 13px; color: #9bd9bd; white-space: nowrap; }
.cg-status .fa { font-size: 8px; margin-right: 6px; }
.cg-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; border-block: 1px solid #3a4655; padding: 18px 0; margin: 0; }
.cg-metrics dt { font-size: 12px; font-weight: 400; color: #a9b6c3; }
.cg-metrics dd { margin: 4px 0 0; font-size: 22px; font-weight: 600; overflow-wrap: anywhere; }
.cg-reference { color: #a9b6c3; font-size: 12px; margin: 12px 0 0; }
.cg-endpoints { display: flex; flex-wrap: wrap; gap: 22px; margin: 20px 0 28px; }
.cg-endpoints a { font-size: 14px; color: #c7d5e3; }
.cg-endpoints .fa { color: #70c9ba; margin-right: 4px; }
.cg-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.cg-tabs { display: flex; gap: 4px; padding: 3px; border: 1px solid #465362; border-radius: 6px; }
.cg-tabs a { padding: 7px 13px; color: #c8d2dc; font-size: 14px; text-decoration: none; }
.cg-tabs a[aria-current] { background: #e7eef2; color: #17252f; border-radius: 3px; }
.cg-search { display: flex; width: 280px; max-width: 100%; border-bottom: 1px solid #728190; }
.cg-search input { background: transparent; border: 0; color: #f3f5f7; padding: 9px 0; min-width: 0; width: 100%; font-size: 14px; }
.cg-search button { background: transparent; color: #b4c5d3; border: 0; width: 40px; flex-shrink: 0; }
.cg-search input:focus { outline: 2px solid #70c9ba; outline-offset: 2px; }
.cg-table-scroll { overflow-x: auto; max-width: 100%; }
.cg-table { border-collapse: collapse; width: 100%; table-layout: fixed; min-width: 740px; }
.cg-table thead th { color: #a9b6c3; font-weight: 400; font-size: 12px; padding: 14px 12px; border-bottom: 1px solid #52606f; vertical-align: bottom; }
.cg-table th:first-child { width: 30%; padding-left: 0; }
.cg-table th:nth-child(2) { width: 12%; }
.cg-table th:nth-child(3) { width: 22%; }
.cg-table tbody td, .cg-table tbody th { padding: 15px 12px; border-bottom: 1px solid #303f4f; vertical-align: top; font-size: 13px; overflow-wrap: anywhere; }
.cg-table tbody th:first-child { padding-left: 0; }
.cg-table tbody th a { color: #e4edf3; font-weight: 600; }
.cg-table small { display: block; color: #8b9caf; font-size: 11px; font-weight: 400; margin-top: 5px; }
.cg-number { font-family: ui-monospace, Consolas, monospace; }
.cg-muted { color: #a6aab4; font-family: inherit; }
.cg-empty { text-align: center; padding: 40px !important; }
.cg-pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; font-size: 13px; color: #a9b6c3; }
.cg-pagination nav { display: flex; gap: 8px; }
.cg-pagination a { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #536477; border-radius: 4px; color: #e5edf4; }
@media (max-width: 600px) {
  .cg-market-data { padding-top: 22px; }
  .cg-heading { display: block; }
  .cg-heading h1 { font-size: 23px; }
  .cg-status { display: inline-block; margin-top: 12px; }
  .cg-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .cg-toolbar { align-items: stretch; flex-direction: column; gap: 16px; }
  .cg-tabs { align-self: flex-start; }
  .cg-search { width: 100%; }
}