/* One compact five-field mobile row; desktop layout is intentionally untouched. */
@media (max-width: 720px), (min-width: 721px) and (max-width: 1060px) and (orientation: landscape) and (max-height: 500px) and (any-pointer: coarse) {
  #mobileTokenCards .mobile-token-metrics-wrap {
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  #mobileTokenCards .mobile-token-metrics-wrap::after {
    content: none !important;
    display: none !important;
  }

  #mobileTokenCards .mobile-token-secondary.one-line-metrics {
    display: grid !important;
    grid-template-columns:
      minmax(0, 1.24fr)
      minmax(0, 1fr)
      minmax(0, 0.88fr)
      minmax(0, 0.98fr)
      minmax(28px, 0.58fr) !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible !important;
    gap: 2px !important;
    padding: 7px 2px !important;
    scroll-snap-type: none !important;
    border-top: 1px solid rgba(120, 235, 193, 0.2);
  }

  #mobileTokenCards .one-line-metrics > .mobile-token-field,
  #mobileTokenCards .one-line-metrics > .mobile-token-field-wide {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    flex: initial !important;
    grid-column: auto !important;
    margin: 0 !important;
    padding: 5px 1px !important;
    border-radius: 7px;
    overflow: hidden;
    text-align: center;
  }

  #mobileTokenCards .one-line-metrics .mobile-token-field-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
    font-size: clamp(7px, 2vw, 9px) !important;
    line-height: 1.15;
    overflow-wrap: anywhere;
    gap: 1px;
  }

  #mobileTokenCards .one-line-metrics .mobile-field-label-short {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  #mobileTokenCards .one-line-metrics .mobile-token-field-value {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: clamp(8px, 2.35vw, 11px) !important;
    overflow-wrap: anywhere;
  }

  #mobileTokenCards .one-line-metrics .table-number {
    max-width: 100%;
    min-width: 0;
    font-size: inherit;
    overflow-wrap: anywhere;
  }

  #mobileTokenCards .one-line-metrics .table-small {
    font-size: 8px !important;
    line-height: 1.1;
  }

  #mobileTokenCards .one-line-metrics .mini-chart-svg,
  #mobileTokenCards .one-line-metrics .sparkline-wrap,
  #mobileTokenCards .one-line-metrics svg {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto;
  }

  /* Holder Value Capture stays as the compact existing tooltip button. */
  #mobileTokenCards .one-line-metrics .mobile-token-field-wide > :not(.mobile-token-field-label) {
    display: none !important;
  }

  #mobileTokenCards .one-line-metrics .mobile-token-field-wide .mobile-field-label-short {
    display: none !important;
  }

  #mobileTokenCards .one-line-metrics .mobile-token-field-wide .mobile-token-field-label {
    font-size: 0 !important;
  }

  #mobileTokenCards .one-line-metrics .mobile-token-field-wide .mobile-token-field-label [data-tip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    font-size: 14px !important;
  }

  #mobileTokenCards .mobile-review-row > .mobile-review-score,
  #mobileTokenCards .mobile-review-row > .mobile-review-verdict {
    align-self: stretch;
    justify-content: flex-start !important;
  }

  #mobileTokenCards .mobile-review-row .mobile-token-field-label {
    min-height: 24px;
    display: flex;
    align-items: flex-end;
  }

  #mobileTokenCards .mobile-review-row .mobile-token-score,
  #mobileTokenCards .mobile-review-row .mobile-token-verdict {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}