/* Desktop only. Preserve the approved mobile and tablet layouts. */
@media (min-width:1061px){
 .app-shell{max-width:min(96vw,1880px)!important;width:100%!important;margin-inline:auto!important}
 .hero-layout{gap:10px!important;margin-bottom:8px!important}
 .hero-panel,.score-panel,.tokens-panel{padding:12px!important}
 .hero-panel .hero-price-line{margin-block:9px!important}
 .hero-panel .hero-top{margin-bottom:5px!important}
 .tokens-panel .table-title-row{margin-bottom:4px!important}
 .hf-desktop-combined-bar{
   display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
   align-items:center;gap:10px;
   position:sticky;top:0;z-index:12;
   background:#09231ddf;backdrop-filter:blur(12px);border:1px solid #265f4c;
   padding:6px 12px;margin-bottom:6px;border-radius:10px;
 }
 .hf-desktop-period-name{grid-column:1;justify-self:start;font-size:13px;letter-spacing:.02em;font-weight:700;color:#d4f4eb}
 .hf-desktop-period-buttons{grid-column:2;justify-self:center;display:flex;gap:5px}
 .hf-desktop-period-buttons button{
  min-width:43px;border:1px solid #346b59;border-radius:7px;background:transparent;
  color:#b8dacf;min-height:29px;font-weight:650;cursor:pointer
 }
 .hf-desktop-period-buttons button.active{background:#69dec0;color:#06271c;border-color:#69dec0}
 /* Only the legacy desktop switching UI is hidden. Underlying state remains intact. */
 .tokens-panel #tablePeriodControls,.tokens-panel #screenerRevenueHistoryControls,
 .tokens-panel .desktop-screener-toggle-slot{display:none!important}
 #tokenRows td{padding:5px 7px!important;vertical-align:middle!important}
 #tokenRows tr{height:66px!important}
 #tokenRows .mini-chart-cell{width:21%!important;min-width:190px!important; height:56px!important;overflow:hidden!important}
 #tokenRows .mini-chart-cell svg[data-mobile-combined-chart]{
  display:block!important;width:100%!important;height:54px!important;max-width:100%!important;
 }
 #tokenRows td:not(.mini-chart-cell):not(.capture-summary){font-weight:700;font-size:clamp(13px,1vw,18px)!important;font-variant-numeric:tabular-nums}
 #tokenRows td.capture-summary{font-size:clamp(11px,.8vw,14px)!important;line-height:1.16!important;width:14%!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere}
 .tokens-panel table{width:100%!important;min-width:1110px!important;table-layout:fixed!important}
 .tokens-panel .token-table th:nth-child(1){width:9%!important}
 .tokens-panel .token-table th:nth-child(2){width:8%!important}
 .tokens-panel .token-table th:nth-child(3){width:21%!important}
 .tokens-panel .token-table th:nth-child(4){width:11%!important}
 .tokens-panel .token-table th:nth-child(5){width:9%!important}
 .tokens-panel .token-table th:nth-child(6){width:10%!important}
 .tokens-panel .token-table th:nth-child(7){width:10%!important}
 .tokens-panel .token-table th:nth-child(8){width:8%!important}
 .tokens-panel .token-table th:nth-child(9){width:14%!important}
 #tokenRows td:nth-child(4) .table-small,
 #tokenRows td:nth-child(5) .table-small,
 #tokenRows td:nth-child(6) .table-small,
 #tokenRows td:nth-child(7) .table-small{white-space:normal!important;overflow-wrap:anywhere}
 .tokens-panel thead th{font-size:12px!important;line-height:1.1!important}
 .hf-desktop-combined-svg .combined-price-line{stroke-width:2.8px}
}
@media (min-width:1061px) and (max-width:1290px){
 #tokenRows .mini-chart-cell{min-width:135px!important}
 .hf-desktop-period-name{font-size:12px}
 #tokenRows td{padding-inline:4px!important}
}