/* HYPE mobile UI update: preserve desktop layout and original token-header behavior. */
@media(max-width: 720px), (min-width: 721px) and (max-width: 1060px) and (orientation: landscape) and (max-height: 500px) and (any-pointer: coarse){
  .hero-metrics-header .mobile-time-glance>span,#mobileScreenerTimeGlanceLabel {font-weight:650!important}
  .hero-metrics-header [data-period],#tablePeriodControls [data-table-period],
  #heroRevenueHistory [data-revenue-period],#screenerRevenueHistoryControls [data-revenue-period]{
    box-sizing:border-box!important;min-height:31px!important;height:31px!important;
    padding:0 1px!important;white-space:nowrap!important;font-size:clamp(9px,2.5vw,12px)!important;
  }
  #heroRevenueHistory button:not(.active),#screenerRevenueHistoryControls button:not(.active),
  .hero-metrics-header .period-tabs button:not(.active),#tablePeriodControls button:not(.active){
    background:transparent!important;box-shadow:none!important;
  }
  #heroStats.hf-hero-clean{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .hf-grid-tile{border:1px solid rgba(131,226,194,.23);border-radius:12px;min-width:0;min-height:0;
    padding:7px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
  .hf-tile-title{text-align:center;font-size:clamp(8px,2.3vw,12px);line-height:1.13;color:#9abbb1;min-height:1.1em;overflow-wrap:anywhere}
  .hf-tile-value{font-size:clamp(11px,3.3vw,21px);font-weight:700;letter-spacing:-.05em;line-height:1.1;
    white-space:nowrap;max-width:100%;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
  .hf-tile-info{border:0!important;background:transparent!important;color:#81dbc3!important;align-self:flex-start;
    font-size:12px;padding:0 3px!important;min-height:20px;cursor:pointer}
  #heroStats.hf-hero-clean .hf-grid-tile{min-height:90px}
  #mobileTokenCards .one-line-metrics.hf-chart-expanded{
    display:grid!important;grid-template-columns:minmax(0,36%) minmax(0,64%)!important;
    grid-template-rows:auto!important;gap:0!important;align-items:stretch!important;
  }
  #mobileTokenCards .one-line-metrics>.hf-four-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:3px!important;min-width:0!important;width:100%!important;
  }
  #mobileTokenCards .one-line-metrics>.hf-four-grid .hf-grid-tile{border-radius:8px;padding:5px 1px 2px;min-height:64px!important}
  #mobileTokenCards .hf-four-grid .hf-tile-title{font-size:clamp(8px,1.94vw,11px)!important;line-height:1.1}
  #mobileTokenCards .hf-four-grid .hf-tile-value{font-size:clamp(10px,2.65vw,16px)!important}
  #mobileTokenCards .one-line-metrics>.hf-legacy-hidden{display:none!important}
  #mobileTokenCards .one-line-metrics.hf-chart-expanded>.mobile-chart-field{
    grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;
    display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  }
  #mobileTokenCards .hf-chart-expanded .mobile-chart-field .mobile-token-field-value{flex:1!important;min-height:72px!important;display:flex!important;align-items:center}
  #mobileTokenCards .hf-chart-expanded .mobile-chart-field svg{width:100%!important;height:auto!important;max-height:130px!important;color:#79e4be}
  .hf-chart-unavailable{font-size:11px;color:#a8bbb4;text-align:center}
  .tokens-panel .table-period-row{position:sticky!important;top:env(safe-area-inset-top,0px)!important;
    z-index:85!important;background:#0c241d!important;border:1px solid rgba(106,225,182,.24)!important;
    border-radius:11px!important;padding:5px 4px!important;box-shadow:0 6px 15px rgba(0,0,0,.34)!important}
  .tokens-panel{overflow:visible!important;transform:none!important}
  .tokens-panel .table-period-row {margin-top:4px!important;margin-bottom:4px!important}
  .tokens-panel>h2,.tokens-panel .section-heading{margin-bottom:4px!important}
}