
        @media (max-width: 560px) {
          /* HITL approval card — mobile readability pass.
             Default desktop layout cramped a monospace key + an
             inline "0.0040 → 0.0062" pair into a 360px card; the
             value column kept ellipsising the keys and the digits
             read as illegible at 13px. Mobile rebuilds the card so
             each diff row stacks (key on top, before-after value
             below), fonts bump up, and the action buttons sit on
             their own row each. */
          .trading-engine-hitl-row {
            grid-template-columns: 1fr !important;
            row-gap: 4px !important;
            padding: 12px 0 !important;
            font-size: 14px !important;
          }
          .trading-engine-hitl-row > span:first-child {
            white-space: normal !important;
            overflow: visible !important;
            text-overflow: clip !important;
            font-size: 12px !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            opacity: 0.62;
          }
          .trading-engine-hitl-row > span:last-child {
            justify-self: start !important;
            font-size: 15px !important;
          }
          .trading-engine-hitl-actions { grid-template-columns: 1fr !important; }
          .trading-engine-hitl-actions > span {
            height: 48px !important;
            font-size: 13px !important;
          }
        }
      