/* On phones the modal itself is the scroll container. Let all 100 trade rows
   participate in that flow so no fixed-height blank panel remains. */
@media (max-width: 1023px) {
  .kline-workspace-trades {
    min-height: 0 !important;
    overflow: visible !important;
  }

  .kline-trades-list {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    overscroll-behavior: auto !important;
  }

  .kline-workspace-trades .grid {
    grid-template-columns: minmax(54px, 0.9fr) minmax(42px, 0.65fr) minmax(68px, 1.15fr) minmax(60px, 1fr) minmax(58px, 0.9fr) !important;
  }
}